Update secondary tab new design

Author: shreeyash07

app/src/components/NavigationTab/styles.module.css

@@ -135,6 +135,24 @@
         }
     }
 
+
+    &.secondary {
+        border-right: var(--border-width) solid var(--border-color);
+        border-top-color: transparent;
+
+        .children-wrapper {
+            padding: var(--go-ui-spacing-md) var(--go-ui-spacing-lg);
+        }
+
+        &.active {
+            color: var(--go-ui-color-primary-red);
+        }
+
+        &:last-child {
+            border-color: transparent;
+        }
+    }
+
     &.primary {
         position: relative;
         font-size: var(--go-ui-font-size-lg);
@@ -176,16 +194,6 @@
         }
     }
 
-    &.secondary {
-        border-radius: var(--go-ui-border-radius-full);
-        padding: var(--go-ui-spacing-sm) var(--go-ui-spacing-xl);
-
-        &.active {
-            background-color: var(--go-ui-color-primary-red);
-            color: var(--go-ui-color-white);
-        }
-    }
-
     &.tertiary {
         &:not(.disabled) {
             &:hover {

packages/ui/src/components/NavigationTabList/styles.module.css

@@ -23,8 +23,8 @@
 
         .content {
             display: flex;
-            border-radius: var(--go-ui-border-radius-full);
-            background-color: var(--go-ui-color-element-background);
+            padding: 0 0 2px 0;
+            border-bottom: var(--go-ui-width-separator-thin) solid var(--go-ui-color-separator);
         }
 
         .start-dummy-content,