diff --git a/src/core/styles/Typography.stories.tsx b/src/core/styles/Typography.stories.tsx
index d850610dd..f32a1ed25 100644
--- a/src/core/styles/Typography.stories.tsx
+++ b/src/core/styles/Typography.stories.tsx
@@ -54,7 +54,7 @@ const fontCell = (style) => (
   <div
     key={style.label}
     className={clsx(
-      "rounded-lg p-16 ui-shadow-lg-soft flex flex-col gap-8 bg-neutral-100 text-neutral-1300 dark:bg-neutral-1200 dark:text-neutral-000",
+      "rounded-lg p-16 flex flex-col gap-8 bg-neutral-100 text-neutral-1300 dark:bg-neutral-1200 dark:text-neutral-000",
       style.className,
     )}
   >
diff --git a/src/core/styles/colors/Colors.stories.tsx b/src/core/styles/colors/Colors.stories.tsx
index 84babbb31..ce69934d2 100644
--- a/src/core/styles/colors/Colors.stories.tsx
+++ b/src/core/styles/colors/Colors.stories.tsx
@@ -7,10 +7,7 @@ export default {
 
 const colorSet = (colors, useClass = "") =>
   colors.map((color) => (
-    <div
-      key={color}
-      className="rounded-lg w-128 ui-shadow-lg-soft flex flex-col"
-    >
+    <div key={color} className="rounded-lg w-128 bg-neutral-100 flex flex-col">
       <div
         className={`h-[100px] rounded-t-lg ${useClass}`}
         style={{ backgroundColor: useClass ? `` : `var(--color-${color})` }}