fix tabs

EasyPost · Oct 20, 2023 · 31e242e · 31e242e
1 parent 3f5f190
commit 31e242e
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/easy-ui-react/src/ProductLayout/HelpMenu.module.scss b/easy-ui-react/src/ProductLayout/HelpMenu.module.scss
@@ -4,11 +4,11 @@
 .button {
   display: inline-flex;
   align-items: center;
-  gap: 4px;
+  gap: design-token("space.0.5");
   color: design-token("color.blue.800");
 }
 
 .arrow {
   display: inline-flex;
-  margin: -4px;
+  margin: calc(#{design-token("space.0.5")} * -1);
 }
diff --git a/easy-ui-react/src/Tabs/Tabs.module.scss b/easy-ui-react/src/Tabs/Tabs.module.scss
@@ -38,8 +38,6 @@
   @include component-token("tab-nav", "edge-shadow-opacity", 0.4);
 
   position: relative;
-  border-bottom: design-token("shape.border_width.1") solid
-    component-token("tab-nav", "border-color");
 }
 
 .nav {
@@ -50,6 +48,8 @@
 
 .listContainer {
   position: relative;
+  width: 100%;
+  min-width: min-content;
 }
 
 .list {
@@ -61,6 +61,8 @@
   // offset with the border size to ensure the nav height is not off by one
   padding-bottom: calc(#{design-token("space.1")} - 1px);
   background: component-token("tab-nav", "background-color");
+  border-bottom: design-token("shape.border_width.1") solid
+    component-token("tab-nav", "border-color");
 }
 
 .indicator {