diff --git a/styles/theme-tool/app/page.tsx b/styles/theme-tool/app/page.tsx
index 98a951a7f1edfd53dba7d2a782d10e3569ff4d92..c6ce272ff71388b69d9fbf24e0c3bb2106d8ee92 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>