From ecab23c5442c4b50ad1b318d0e4e9088f446a873 Mon Sep 17 00:00:00 2001
From: Masoud Amjadi <mamjadi@contractor.chanzuckerberg.com>
Date: Tue, 13 Feb 2024 03:43:52 -0500
Subject: [PATCH] refactor(storybook): fix storybook ui styles

---
 .storybook/manager-head.html | 17 +++++------------
 1 file changed, 5 insertions(+), 12 deletions(-)

diff --git a/.storybook/manager-head.html b/.storybook/manager-head.html
index 56d362dae..783aad958 100644
--- a/.storybook/manager-head.html
+++ b/.storybook/manager-head.html
@@ -8,14 +8,14 @@
 />
 <link rel="preconnect" href="https://fonts.gstatic.com" />
 <link
-  href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,400;1,600;1,700&display=swap"
+  href="https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,300;0,400;0,600;0,700;0,800;1,400;1,600;1,700&display=swap"
   rel="stylesheet"
   crossorigin="anonymous"
 />
 <title>SDS Design System</title>
 <style>
   body {
-    font-family: "Open Sans", sans-serif !important;
+    font-family: "Inter", sans-serif !important;
     font-size: 14px;
   }
 
@@ -62,18 +62,11 @@
     background-color: transparent !important;
   }
 
-  #storybook-explorer-menu button.sidebar-item {
-    font-size: 14px;
-    padding: 5px 3px 5px 2px;
-  }
-
-  #storybook-explorer-menu button.sidebar-item.css-1ot7nkv {
-    padding: 5px 3px 5px 18px;
-  }
-
+  #storybook-explorer-menu button.sidebar-item,
   #storybook-explorer-menu a.sidebar-item {
     font-size: 14px;
-    padding: 5px 3px 5px 34px;
+    padding-top: 5px;
+    padding-bottom: 5px;
   }
 
   #storybook-explorer-menu .sidebar-item > span {