refactor(storybook): fix storybook ui styles

chanzuckerberg · Feb 13, 2024 · ecab23c · ecab23c
1 parent d668f61
commit ecab23c
Showing 1 changed file with 5 additions and 12 deletions.
diff --git 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 {