diff --git a/.storybook/global-styles.css b/.storybook/global-styles.css
new file mode 100644
index 00000000..4ffa6f7b
--- /dev/null
+++ b/.storybook/global-styles.css
@@ -0,0 +1,5 @@
+@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');
+
+body {
+  font-family: 'Roboto', sans-serif;
+}
diff --git a/.storybook/preview.js b/.storybook/preview.js
index d3914580..42895047 100644
--- a/.storybook/preview.js
+++ b/.storybook/preview.js
@@ -1,3 +1,5 @@
+import './global-styles.css';
+
 export const parameters = {
   actions: { argTypesRegex: '^on[A-Z].*' },
   controls: {