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..a2db1829e 100644
--- a/src/core/styles/colors/Colors.stories.tsx
+++ b/src/core/styles/colors/Colors.stories.tsx
@@ -9,7 +9,7 @@ const colorSet = (colors, useClass = "") =>
   colors.map((color) => (
     <div
       key={color}
-      className="rounded-lg w-128 ui-shadow-lg-soft flex flex-col"
+      className="rounded-lg w-128 bg-neutral-100 dark:bg-neutral-1200 flex flex-col"
     >
       <div
         className={`h-[100px] rounded-t-lg ${useClass}`}