diff --git a/src/components/docs/examples/_basic.scss b/src/components/docs/examples/basic.scss
similarity index 100%
rename from src/components/docs/examples/_basic.scss
rename to src/components/docs/examples/basic.scss
diff --git a/src/components/docs/examples/basic.stories.js b/src/components/docs/examples/basic.stories.js
index 10b5607..8928b97 100644
--- a/src/components/docs/examples/basic.stories.js
+++ b/src/components/docs/examples/basic.stories.js
@@ -6,7 +6,7 @@ export default {
   title: 'Pages/Basic',
   decorators: [
     (story) =>
-      `<div style="background: var(--color-grays-700); padding: 0;margin:0;">${story()}</div>`,
+      `<div style="background: var(--color-grays-100); padding: 0;margin:0;">${story()}</div>`,
   ],
 };
 
diff --git a/src/components/docs/examples/_home.scss b/src/components/docs/examples/home.scss
similarity index 100%
rename from src/components/docs/examples/_home.scss
rename to src/components/docs/examples/home.scss
diff --git a/src/components/docs/examples/_program.scss b/src/components/docs/examples/program.scss
similarity index 100%
rename from src/components/docs/examples/_program.scss
rename to src/components/docs/examples/program.scss