diff --git a/src/theme/ThemeProvider.tsx b/src/theme/ThemeProvider.tsx
index 5e7f533e..ed759cda 100644
--- a/src/theme/ThemeProvider.tsx
+++ b/src/theme/ThemeProvider.tsx
@@ -32,6 +32,21 @@ function SistentThemeProvider({
   );
 }
 
+export function SistentThemeProviderWithoutBaseLine({
+  children,
+  emotionCache,
+  initialMode = 'light'
+}: SistentThemeProviderProps): JSX.Element {
+  console.log('SistentThemeProviderWithoutBaseLine');
+  const theme = React.useMemo<Theme>(() => createCustomTheme(initialMode), [initialMode]);
+
+  return (
+    <SistentThemeProviderContext.Provider value={{ emotionCache }}>
+      <ThemeProvider theme={theme}>{children}</ThemeProvider>
+    </SistentThemeProviderContext.Provider>
+  );
+}
+
 export default SistentThemeProvider;
 
 export { SistentThemeProvider };
diff --git a/src/theme/index.tsx b/src/theme/index.tsx
index 5eb98ba9..975bb88e 100644
--- a/src/theme/index.tsx
+++ b/src/theme/index.tsx
@@ -1,5 +1,8 @@
 export { darkModePalette, lightModePalette } from './palette';
 export { typography } from './typography';
 
-export { default as SistentThemeProvider } from './ThemeProvider';
+export {
+  default as SistentThemeProvider,
+  SistentThemeProviderWithoutBaseLine
+} from './ThemeProvider';
 export * from './colors';