fix: 스타일 충돌 해결

kangju2000 · Oct 19, 2023 · 75556dc · 75556dc
1 parent 06f87d4
commit 75556dc
Showing 1 changed file with 4 additions and 5 deletions.
diff --git a/src/pages/content/main.tsx b/src/pages/content/main.tsx
@@ -6,7 +6,6 @@ import packageJson from './../../../package.json'
 
 import App from '@/pages/content/App'
 
-import '@/styles/globals.css'
 import 'react-tooltip/dist/react-tooltip.css'
 
 const { version } = packageJson
@@ -33,9 +32,9 @@ modal.id = 'modal'
 document.body.append(modal)
 
 const theme = extendTheme({
- styles: {
- global: {
- p: {
+ components: {
+ Text: {
+ baseStyle: {
  margin: 0,
  padding: 0,
  },
@@ -44,7 +43,7 @@ const theme = extendTheme({
 })
 
 createRoot(root).render(
- <ChakraProvider theme={theme}>
+ <ChakraProvider resetCSS={false} theme={theme}>
  <App />
  </ChakraProvider>,
 )