diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 9b759e9c..f02cd232 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -35,6 +35,12 @@ Install the project dependencies:
yarn install
```
+Build the CSS used in the documentation site:
+
+```sh
+yarn build:css
+```
+
## Documentation set-up
Component documentation is located in the `docs` folder. The website is built using svite, routify, and MDsveX. You will need to create a symbolic project link in order to see live changes reflected when developing locally.
diff --git a/docs/index.html b/docs/index.html
index 3f177e40..98e9585d 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -5,10 +5,6 @@
Carbon Components Svelte
-
diff --git a/docs/src/index.js b/docs/src/index.js
index 74ef981f..4d0dfd75 100644
--- a/docs/src/index.js
+++ b/docs/src/index.js
@@ -1,3 +1,4 @@
+import "/node_modules/carbon-components-svelte/css/all.css";
import App from "./App.svelte";
const app = new App({
diff --git a/docs/src/pages/_layout.svelte b/docs/src/pages/_layout.svelte
index 7e602393..cd7f73a6 100644
--- a/docs/src/pages/_layout.svelte
+++ b/docs/src/pages/_layout.svelte
@@ -114,7 +114,7 @@
margin-bottom: var(--cds-layout-02);
}
- .bx--content {
+ main.bx--content {
background: none;
}