diff --git a/libs/ui/.storybook/preview.js b/libs/ui/.storybook/preview.js
index ad1edddf1..6bb368c1d 100644
--- a/libs/ui/.storybook/preview.js
+++ b/libs/ui/.storybook/preview.js
@@ -3,12 +3,12 @@ import { withThemeByClassName } from '@storybook/addon-themes';
 const preview = {
   decorators: [
     withThemeByClassName({
-      themes: {
-        light: 'theme-light',
-        dark: 'theme-dark'
-      },
       defaultTheme: 'light',
-      parentSelector: 'body'
+      parentSelector: 'body',
+      themes: {
+        dark: 'theme-dark',
+        light: 'theme-light'
+      }
     })
   ]
 };
diff --git a/package-lock.json b/package-lock.json
index 9e04aad42..f58dc8e7a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -125,7 +125,7 @@
         "@nx/workspace": "22.6.5",
         "@schematics/angular": "21.2.6",
         "@storybook/addon-docs": "10.1.10",
-        "@storybook/addon-themes": "^10.1.10",
+        "@storybook/addon-themes": "10.1.10",
         "@storybook/angular": "10.1.10",
         "@trivago/prettier-plugin-sort-imports": "6.0.2",
         "@types/big.js": "6.2.2",
diff --git a/package.json b/package.json
index f1b3319e0..9b440f394 100644
--- a/package.json
+++ b/package.json
@@ -170,7 +170,7 @@
     "@nx/workspace": "22.6.5",
     "@schematics/angular": "21.2.6",
     "@storybook/addon-docs": "10.1.10",
-    "@storybook/addon-themes": "^10.1.10",
+    "@storybook/addon-themes": "10.1.10",
     "@storybook/angular": "10.1.10",
     "@trivago/prettier-plugin-sort-imports": "6.0.2",
     "@types/big.js": "6.2.2",