for #4697

Author: kkartunov

src/shared/components/Contentful/Tabs/themes/underline.scss

@@ -25,31 +25,47 @@ $text-color-pannel: #4a4a4a;
   border-bottom: 5px solid #e9e9e9;
 
   @include xs-to-sm {
-    -webkit-flex-direction: column; /* Safari */
-    flex-direction: column;
-    align-items: center;
+    overflow-x: auto;
+    white-space: nowrap;
+    border: none;
+    justify-content: space-between;
+    margin: 0 16px;
   }
 }
 
 .tab {
   text-align: center;
-  margin: 0 20px;
+  margin: 0 25px;
   color: $text-color-black;
   font-size: 20px;
   font-weight: 400;
   line-height: 25px;
   padding-bottom: 15px;
   cursor: pointer;
   margin-bottom: -5px;
+  position: relative;
 
   @include xs-to-sm {
-    margin: 2px;
+    margin: 0;
+    margin-right: 36px;
+
+    &:last-child {
+      margin-right: 0;
+    }
   }
 
   &:hover,
   &.selected {
-    border-bottom: 5px solid #43d7b0;
-    border-radius: 3px;
+    &::after {
+      content: '';
+      border-radius: 2.5px;
+      background: #43d7b0;
+      height: 5px;
+      width: 100%;
+      position: absolute;
+      bottom: 0;
+      left: 0;
+    }
   }
 
   p {