diff --git a/.storybook/preview-head.html b/.storybook/preview-head.html
deleted file mode 100644
index f21927fb17e..00000000000
--- a/.storybook/preview-head.html
+++ /dev/null
@@ -1 +0,0 @@
-<link rel="stylesheet" href="preview.css">
\ No newline at end of file
diff --git a/.storybook/preview.css b/.storybook/preview.css
deleted file mode 100644
index 5ede701b3ef..00000000000
--- a/.storybook/preview.css
+++ /dev/null
@@ -1,7 +0,0 @@
-@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');
-
-body {
-  font-family: 'Work Sans', sans-serif;
-  font-optical-sizing: auto;
-  font-style: normal;
-}
\ No newline at end of file
diff --git a/.storybook/preview.tsx b/.storybook/preview.tsx
index f95c42f9cda..c8e7c3b7f91 100644
--- a/.storybook/preview.tsx
+++ b/.storybook/preview.tsx
@@ -1,4 +1,5 @@
 import React from "react";
+import "../styles/globals.css";
 import type { Preview } from "@storybook/react";
 import {
   Title,