chore: remove extra css

Author: arunjaindev

src/Shared/Components/TabGroup/TabGroup.component.tsx

@@ -36,8 +36,8 @@ const MotionLayoutUnderline = ({
     <motion.div
         layout="position"
         layoutId={layoutId}
-        className="bcb-5"
-        style={{ height: 2, ...(alignActiveBorderWithContainer ? { bottom: -1 } : {}) }}
+        className="underline bcb-5"
+        style={{ ...(alignActiveBorderWithContainer ? { bottom: -1 } : {}) }}
     />
 )
 

src/Shared/Components/TabGroup/TabGroup.scss

@@ -33,14 +33,8 @@
 
         @include svg-styles(var(--N700));
 
-        &::after {
-            content: '';
-            position: absolute;
-            bottom: 0;
-            left: 0;
-            width: 100%;
+        .underline {
             height: 2px;
-            background-color: transparent;
             border-top-left-radius: 2px;
             border-top-right-radius: 2px;
         }