style(Tabs): change font size

shervinchen · Oct 28, 2024 · a69fef8 · a69fef8
1 parent 6899bf9
commit a69fef8
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/packages/Tabs/Tabs.tsx b/packages/Tabs/Tabs.tsx
@@ -175,7 +175,7 @@ const Tabs: FC<PropsWithChildren<TabsProps>> = ({
             }
             .raw-tabs .raw-tabs-nav-item {
               padding: 12px 0;
-              font-size: 16px;
+              font-size: 14px;
               color: ${theme.palette.accents7};
               background-color: transparent;
               white-space: nowrap;

diff --git a/packages/Tabs/__tests__/__snapshots__/Tabs.test.tsx.snap b/packages/Tabs/__tests__/__snapshots__/Tabs.test.tsx.snap
@@ -3,19 +3,19 @@
 exports[`Tabs should match the snapshot 1`] = `
 <DocumentFragment>
   <div
-    class="jsx-2406371952 raw-tabs"
+    class="jsx-3427748853 raw-tabs"
     data-testid="tabs"
   >
     <div
       aria-orientation="horizontal"
-      class="jsx-2406371952 raw-tabs-nav"
+      class="jsx-3427748853 raw-tabs-nav"
       role="tablist"
     >
       <div
         aria-controls="raw-tabs-panel-1-:r0:"
         aria-disabled="false"
         aria-selected="true"
-        class="jsx-2406371952 raw-tabs-nav-item raw-tabs-nav-item-active"
+        class="jsx-3427748853 raw-tabs-nav-item raw-tabs-nav-item-active"
         id="raw-tabs-nav-item-1-:r0:"
         role="tab"
       >
@@ -25,7 +25,7 @@ exports[`Tabs should match the snapshot 1`] = `
         aria-controls="raw-tabs-panel-2-:r0:"
         aria-disabled="false"
         aria-selected="false"
-        class="jsx-2406371952 raw-tabs-nav-item"
+        class="jsx-3427748853 raw-tabs-nav-item"
         id="raw-tabs-nav-item-2-:r0:"
         role="tab"
       >
@@ -35,19 +35,19 @@ exports[`Tabs should match the snapshot 1`] = `
         aria-controls="raw-tabs-panel-3-:r0:"
         aria-disabled="false"
         aria-selected="false"
-        class="jsx-2406371952 raw-tabs-nav-item"
+        class="jsx-3427748853 raw-tabs-nav-item"
         id="raw-tabs-nav-item-3-:r0:"
         role="tab"
       >
         Tab 3
       </div>
       <div
-        class="jsx-2406371952 raw-tabs-nav-bar"
+        class="jsx-3427748853 raw-tabs-nav-bar"
         style="width: 0px; height: 2px; transform: translateX(0px);"
       />
     </div>
     <div
-      class="jsx-2406371952 raw-tabs-content"
+      class="jsx-3427748853 raw-tabs-content"
     >
       <div
         aria-hidden="false"