diff --git a/.storybook/DocsContainer.js b/.storybook/DocsContainer.js
index c2748392..48c98aee 100644
--- a/.storybook/DocsContainer.js
+++ b/.storybook/DocsContainer.js
@@ -3,6 +3,7 @@ import React from "react";
 import { DocsContainer as BaseContainer } from "@storybook/addon-docs";
 import { useDarkMode } from "storybook-dark-mode";
 import { darkTheme, lightTheme } from "./customTheme";
+import "./static/fonts/WorkSans/font.css";
 
 export const DocsContainer = ({ children, context }) => {
     const isStorybookUiDark = useDarkMode();
diff --git a/stories/intro.stories.mdx b/stories/intro.stories.mdx
index 3c0e4996..dbb5e8a9 100644
--- a/stories/intro.stories.mdx
+++ b/stories/intro.stories.mdx
@@ -1,6 +1,5 @@
 import { Meta } from "@storybook/addon-docs";
 import { useDarkMode } from "storybook-dark-mode";
-import "./assets/fonts/WorkSans/font.css";
 
 <Meta
     title="Introduction"