diff --git a/styles/theme-tool/app/page.tsx b/styles/theme-tool/app/page.tsx
index 98a951a7f1..c6ce272ff7 100644
--- a/styles/theme-tool/app/page.tsx
+++ b/styles/theme-tool/app/page.tsx
@@ -49,18 +49,15 @@ export default function Home() {
         <main>
             <div style={{ display: 'flex', gap: '1px' }}>
                 <ColorChips colorScale={grayLight} />
-                <ColorChips colorScale={grayDark} />
-
                 <ColorChips colorScale={roseLight} />
-                <ColorChips colorScale={roseDark} />
-
                 <ColorChips colorScale={redLight} />
-                <ColorChips colorScale={redDark} />
-
                 <ColorChips colorScale={orangeLight} />
-                <ColorChips colorScale={orangeDark} />
-
                 <ColorChips colorScale={amberLight} />
+
+                <ColorChips colorScale={grayDark} />
+                <ColorChips colorScale={roseDark} />
+                <ColorChips colorScale={redDark} />
+                <ColorChips colorScale={orangeDark} />
                 <ColorChips colorScale={amberDark} />
             </div>
         </main>