diff --git a/.gitignore b/.gitignore
index f5f1664..3f27374 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,6 +1,6 @@
 /node_modules/
 /public/build/
-dist
+# dist
 /storybook-static
 
 .DS_Store
diff --git a/.npmignore b/.npmignore
index 71bcf95..189e0d6 100644
--- a/.npmignore
+++ b/.npmignore
@@ -5,6 +5,7 @@ stories
 .storybook
 storybook-static
 
+# dist
 scripts
 
 .test.js
diff --git a/README.md b/README.md
index 428f153..efc6b50 100644
--- a/README.md
+++ b/README.md
@@ -27,7 +27,6 @@ Import component and styles in App component
 ```jsx
 <script>
   import Carousel from 'svelte-carousel'
-  import 'svelte-carousel/dist/index.css'
   // ...
 </script>
 ```
diff --git a/dist/index.css b/dist/index.css
new file mode 100644
index 0000000..e401391
--- /dev/null
+++ b/dist/index.css
@@ -0,0 +1 @@
+/* Deprecated. Keep for backward compatibility */
\ No newline at end of file
diff --git a/package.json b/package.json
index 7bdeb3f..48d16ba 100644
--- a/package.json
+++ b/package.json
@@ -28,8 +28,7 @@
     "build-storybook": "build-storybook",
     "build:docs": "set DOCS=true && npm run build",
     "dev:docs": "set DOCS=true && npm run dev",
-    "test": "jest",
-    "prepublishOnly": "npm run build"
+    "test": "jest"
   },
   "devDependencies": {
     "@babel/core": "^7.12.10",
diff --git a/src/docs/Carousel.svx b/src/docs/Carousel.svx
index 8e4da77..1daf16e 100644
--- a/src/docs/Carousel.svx
+++ b/src/docs/Carousel.svx
@@ -196,7 +196,6 @@ Import component and styles in App component
 ```jsx
 <script>
   import Carousel from 'svelte-carousel'
-  import 'svelte-carousel/dist/index.css'
   // ...
 </script>
 ```