diff --git a/src/page-components/scheme/q-2-scheme/Preview.tsx b/src/page-components/scheme/q-2-scheme/Preview.tsx
index eb7b504..500f4e3 100644
--- a/src/page-components/scheme/q-2-scheme/Preview.tsx
+++ b/src/page-components/scheme/q-2-scheme/Preview.tsx
@@ -107,7 +107,7 @@ interface PreviewBlockProps {
 
 const PreviewBlock: FC<PreviewBlockProps> = ({ baseline, title }) => {
   const customSets = useMemo(() => {
-    const colors = keys(baseline.customColors);
+    const colors = keys(baseline.customColors).sort();
     const elements: ReactNode[] = [];
 
     for (const key of colors) {