diff --git a/.size-limit.json b/.size-limit.json
index 9cf634f0..d0d2e3af 100644
--- a/.size-limit.json
+++ b/.size-limit.json
@@ -8,7 +8,7 @@
     "limit": "50 kB"
   },
   {
-    "path": "./components/dist/thorin.css",
+    "path": "./components/dist/style.css",
     "limit": "40 kB",
     "webpack": false
   }
diff --git a/docs/src/pages/_app.tsx b/docs/src/pages/_app.tsx
index fe4d5d2a..736873f5 100644
--- a/docs/src/pages/_app.tsx
+++ b/docs/src/pages/_app.tsx
@@ -4,7 +4,7 @@ import { MDXProvider } from '@mdx-js/react'
 
 import type { Mode } from '@ensdomains/thorin'
 import { ThemeProvider } from '@ensdomains/thorin'
-import '@ensdomains/thorin/dist/thorin.css'
+import '@ensdomains/thorin/dist/style.css'
 import { MDX } from '~/components'
 import { getLayout as getDocsLayout } from '~/layouts/docs'
 import '~/styles/globalStyles.css'
diff --git a/docs/src/pages/index.mdx b/docs/src/pages/index.mdx
index 5fd281ec..827e3a69 100644
--- a/docs/src/pages/index.mdx
+++ b/docs/src/pages/index.mdx
@@ -25,7 +25,7 @@ In this example we are adding the **lightTheme**.
 ```tsx
 import React, { useState } from 'react'
 import { ThemeProvider } from '@ensdomains/thorin'
-import 'thorin/dist/thorin.css'
+import 'thorin/dist/style.css'
 
 const App = () => {
   return (
@@ -43,7 +43,7 @@ To use the dark theme, import `darkTheme` and pass it to the `ThemeProvider`.
 ```tsx
 import React, { useState } from 'react'
 import { ThemeProvider, darkTheme } from '@ensdomains/thorin'
-import 'thorin/dist/thorin.css'
+import 'thorin/dist/style.css'
 
 const App = () => {
   return (