diff --git a/showcases/patternhub/styles/globals.scss b/showcases/patternhub/styles/globals.scss
index 0d1e5c2e16d..f2501122b64 100644
--- a/showcases/patternhub/styles/globals.scss
+++ b/showcases/patternhub/styles/globals.scss
@@ -209,6 +209,12 @@ div[class^="ch-"] {
 	}
 }
 
+.color-overview-switches {
+	display: flex;
+	gap: variables.$db-spacing-fixed-lg;
+	margin-block-end: variables.$db-spacing-fixed-md;
+}
+
 // density examples
 
 .density-example-grid {
@@ -565,9 +571,3 @@ h6 {
 		}
 	}
 }
-
-.color-overview-switches {
-	display: flex;
-	gap: variables.$db-spacing-fixed-lg;
-	margin-block-end: variables.$db-spacing-fixed-md;
-}