diff --git a/.storybook/main.js b/.storybook/main.js
index fcf0b3b46879..b229d828bfe8 100644
--- a/.storybook/main.js
+++ b/.storybook/main.js
@@ -9,5 +9,6 @@ module.exports = {
     ],
     staticDirs: [
         './public',
+        '../assets/css',
     ],
 };
diff --git a/.storybook/manager-head.html b/.storybook/manager-head.html
index dd989fedb471..b9a271bb6097 100644
--- a/.storybook/manager-head.html
+++ b/.storybook/manager-head.html
@@ -1,2 +1,3 @@
 <link rel="icon" type="image/png" href="logo.png" />
+<link rel="stylesheet" type="text/css" href="fonts.css" />
 <link rel="stylesheet" type="text/css" href="index.css" />
diff --git a/.storybook/public/index.css b/.storybook/public/index.css
index 7d2dee7fd169..12c2ab80e32b 100644
--- a/.storybook/public/index.css
+++ b/.storybook/public/index.css
@@ -18,3 +18,7 @@ a.sidebar-item > svg {
     background: #ff7101;
     color: #fff;
 }
+
+.sidebar-container {
+    background: #0b1b34;
+}