diff --git a/.storybook/preview-head.html b/.storybook/preview-head.html
index ad7405e77..5239f8172 100644
--- a/.storybook/preview-head.html
+++ b/.storybook/preview-head.html
@@ -10,12 +10,6 @@
 />
 
 <style type="text/css">
-  *,
-  *::before,
-  *::after {
-    box-sizing: border-box;
-  }
-
   body {
     background: var(--seq-colors-background-primary);
   }
diff --git a/src/css/index.ts b/src/css/index.ts
index 16238bcb1..45f96285f 100644
--- a/src/css/index.ts
+++ b/src/css/index.ts
@@ -1,3 +1,5 @@
+import './reset.css'
+
 export { breakpoints } from './breakpoints'
 export type { Breakpoint } from './breakpoints'
 
diff --git a/src/css/reset.css.ts b/src/css/reset.css.ts
new file mode 100644
index 000000000..24db4b42a
--- /dev/null
+++ b/src/css/reset.css.ts
@@ -0,0 +1,5 @@
+import { globalStyle } from '@vanilla-extract/css'
+
+globalStyle('*, *::before, *::after', {
+  boxSizing: 'border-box',
+})