Merge pull request #73 from heorhi-deriv/vertical-tab-improvement

Vertical tab improvement
deriv-com · Feb 14, 2024 · 7235f4f · 7235f4f
2 parents fbbcd5b + 2045dc9
commit 7235f4f
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git a/lib/components/VerticalTab/VerticalTab.scss b/lib/components/VerticalTab/VerticalTab.scss
@@ -1,10 +1,9 @@
 .vertical-tab__wrapper {
-    padding: 8px;
     display: flex;
     justify-content: center;
-    gap:25px;
+    gap: 25px;
     @include mobile {
-        flex-direction: column;;
+        flex-direction: column;
     }
 }
 

diff --git a/lib/components/VerticalTab/VerticalTabItem.tsx b/lib/components/VerticalTab/VerticalTabItem.tsx
@@ -31,7 +31,7 @@ export const VerticalTabItem = ({ tab, onClick, className, selectedTab }: Vertic
         <div
             className={
                 clsx('vertical-tab__item', {
-                    'vertical-tab__item--active': tab.title === selectedTab,
+                    'vertical-tab__item--active': tab.id === selectedTab,
                     'vertical-tab__item--disabled': tab.is_disabled
                 }, className)
             }