diff --git a/index.ts b/index.ts
index e6cd9b2..cdd968c 100644
--- a/index.ts
+++ b/index.ts
@@ -23,7 +23,7 @@ export * from './src/hook/usePalette';
 export * from './src/provider/DesignProvider';
 export * from './src/server/styles/DesignToken';
 export * from './src/server/styles/palette';
-export * from './src/server/styles/Theme';
+export * from './src/styles/Theme';
 export * from './src/component/base/Img';
 export * from './src/component/base/Link';
 export * from './src/component/dialog/AppAlertDialog';
diff --git a/src/server/styles/Theme.ts b/src/styles/Theme.ts
similarity index 94%
rename from src/server/styles/Theme.ts
rename to src/styles/Theme.ts
index 60796e7..ee46b8b 100644
--- a/src/server/styles/Theme.ts
+++ b/src/styles/Theme.ts
@@ -1,3 +1,5 @@
+'use-client';
+
 import type {
   ComponentStyleConfig,
   StyleFunctionProps,
@@ -8,8 +10,8 @@ import { extendTheme, withDefaultColorScheme } from '@chakra-ui/react';
 import { mode } from '@chakra-ui/theme-tools';
 import type { Dict } from '@chakra-ui/utils';
 
-import { DT } from './DesignToken';
-import { darkPalette, lightPalette, palette } from './palette';
+import { DT } from '../server/styles/DesignToken';
+import { darkPalette, lightPalette, palette } from '../server/styles/palette';
 
 const config: ThemeConfig = {
   initialColorMode: 'dark',