diff --git a/packages/stage-ui/stories/Colors.story.vue b/packages/stage-ui/stories/Colors.story.vue
index 1a27cff89..a5d1588de 100644
--- a/packages/stage-ui/stories/Colors.story.vue
+++ b/packages/stage-ui/stories/Colors.story.vue
@@ -59,24 +59,6 @@ const opacities = [5, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100]
 </template>
 
 <style>
-.primary-color-bar {
-  @apply w-full h-full flex-1 flex items-center justify-center;
-}
-
-.theme-hue-slider {
-  @apply flex-1 w-full h-2 rounded-full appearance-none;
-  background: linear-gradient(
-    to right,
-    oklch(85% 0.2 0),
-    oklch(85% 0.2 60),
-    oklch(85% 0.2 120),
-    oklch(85% 0.2 180),
-    oklch(85% 0.2 240),
-    oklch(85% 0.2 300),
-    oklch(85% 0.2 360)
-  );
-}
-
 .transparency-grid::before {
   content: '';
   grid-area: 2 / 2 / span 11 / span 11;
diff --git a/packages/stage-ui/stories/main.css b/packages/stage-ui/stories/main.css
index f24a91a92..39511c0ca 100755
--- a/packages/stage-ui/stories/main.css
+++ b/packages/stage-ui/stories/main.css
@@ -39,3 +39,21 @@ html.htw-dark {
   width: 100%;
   height: 2px;
 }
+
+.primary-color-bar {
+  @apply w-full h-full flex-1 flex items-center justify-center;
+}
+
+.theme-hue-slider {
+  @apply flex-1 w-full h-2 rounded-full appearance-none;
+  background: linear-gradient(
+    to right,
+    oklch(85% 0.2 0),
+    oklch(85% 0.2 60),
+    oklch(85% 0.2 120),
+    oklch(85% 0.2 180),
+    oklch(85% 0.2 240),
+    oklch(85% 0.2 300),
+    oklch(85% 0.2 360)
+  );
+}