diff --git a/.storybook/config.js b/.storybook/config.js
index 8d62daaf..3a477540 100644
--- a/.storybook/config.js
+++ b/.storybook/config.js
@@ -1,6 +1,3 @@
 import { configure } from '@storybook/svelte';
 
-// use prebuilt CSS file to refrain from setting up sass, autoprefixer
-import '!style-loader!css-loader!carbon-components/css/carbon-components.min.css';
-
 configure(require.context('../src', true, /\.stories\.js$/), module);
diff --git a/.storybook/preview-head.html b/.storybook/preview-head.html
new file mode 100644
index 00000000..74f76ab2
--- /dev/null
+++ b/.storybook/preview-head.html
@@ -0,0 +1 @@
+<link rel="stylesheet" href="https://unpkg.com/carbon-components/css/carbon-components.min.css" />
\ No newline at end of file
diff --git a/package.json b/package.json
index c064f1ba..d23d7c39 100644
--- a/package.json
+++ b/package.json
@@ -33,7 +33,6 @@
     "@testing-library/svelte": "^1.11.0",
     "babel-jest": "^25.1.0",
     "babel-loader": "^8.0.6",
-    "carbon-components": "~10.9.x",
     "jest": "^25.1.0",
     "jest-transform-svelte": "^2.1.0",
     "regenerator-runtime": "^0.13.3",
diff --git a/yarn.lock b/yarn.lock
index 959ebbce..3299aa57 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3439,26 +3439,11 @@ capture-stack-trace@^1.0.0:
   resolved "https://registry.npmjs.org/capture-stack-trace/-/capture-stack-trace-1.0.1.tgz#a6c0bbe1f38f3aa0b92238ecb6ff42c344d4135d"
   integrity sha512-mYQLZnx5Qt1JgB1WEiMCf2647plpGeQ2NMR/5L0HNZzGQo4fuSPnK+wjfPnKZV0aiJDgzmWqqkV/g7JD+DW0qw==
 
-carbon-components@~10.9.x:
-  version "10.9.3"
-  resolved "https://registry.npmjs.org/carbon-components/-/carbon-components-10.9.3.tgz#d0d8f42c35fb7ce1cacc131d1c4b11fc2c905a6a"
-  integrity sha512-8TPIBjFIez2ymh3RmbHilel+/ReqpbfPf9IUBTOLtSdxI2VuyBWFxtBB/82xtHpUr3RfPdQ1U/rxDKYxoDOxrg==
-  dependencies:
-    carbon-icons "^7.0.7"
-    flatpickr "4.6.1"
-    lodash.debounce "^4.0.8"
-    warning "^3.0.0"
-
 carbon-icons-svelte@10.9.3:
   version "10.9.3"
   resolved "https://registry.npmjs.org/carbon-icons-svelte/-/carbon-icons-svelte-10.9.3.tgz#bbd297c52b581884c5cb52727830045c517637bf"
   integrity sha512-uyKxmeAotF77O+Nej8a+GHNIiwbCJVA6fS64Eg6h8pnXFIFJ4AlZRsKK9uSgA1rlVZ2y2bEHFsIkzxZ0yZjyCQ==
 
-carbon-icons@^7.0.7:
-  version "7.0.7"
-  resolved "https://registry.npmjs.org/carbon-icons/-/carbon-icons-7.0.7.tgz#ebafe3e9fa25df973796a8eca06d8a7c501cc610"
-  integrity sha512-3vgkdXJRgCViCrH3fLUdyAXo0I8wmohO6QETv7vWFx6yc7s+SirWFBSFL38zUx4MHtR8iTxIlLEzkeU6FlFtXg==
-
 case-sensitive-paths-webpack-plugin@^2.2.0:
   version "2.3.0"
   resolved "https://registry.npmjs.org/case-sensitive-paths-webpack-plugin/-/case-sensitive-paths-webpack-plugin-2.3.0.tgz#23ac613cc9a856e4f88ff8bb73bbb5e989825cf7"
@@ -5164,11 +5149,6 @@ find-up@^4.0.0, find-up@^4.1.0:
     locate-path "^5.0.0"
     path-exists "^4.0.0"
 
-flatpickr@4.6.1:
-  version "4.6.1"
-  resolved "https://registry.npmjs.org/flatpickr/-/flatpickr-4.6.1.tgz#9eb498ab805dd27f5ae02e1ac6ac6c099ce45e94"
-  integrity sha512-3ULSxbXmcMIRzer/2jLNweoqHpwDvsjEawO2FUd9UFR8uPwLM+LruZcPDpuZStcEgbQKhuFOfXo4nYdGladSNw==
-
 flatpickr@4.6.3:
   version "4.6.3"
   resolved "https://registry.npmjs.org/flatpickr/-/flatpickr-4.6.3.tgz#15a8b76b6e34e3a072861250503a5995b9d3bc60"
@@ -11842,13 +11822,6 @@ walker@^1.0.7, walker@~1.0.5:
   dependencies:
     makeerror "1.0.x"
 
-warning@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.npmjs.org/warning/-/warning-3.0.0.tgz#32e5377cb572de4ab04753bdf8821c01ed605b7c"
-  integrity sha1-MuU3fLVy3kqwR1O9+IIcAe1gW3w=
-  dependencies:
-    loose-envify "^1.0.0"
-
 warning@^4.0.2, warning@^4.0.3:
   version "4.0.3"
   resolved "https://registry.npmjs.org/warning/-/warning-4.0.3.tgz#16e9e077eb8a86d6af7d64aa1e05fd85b4678ca3"