From 7a6a44cccfbef17c56ffc4ef14da0a99347d1830 Mon Sep 17 00:00:00 2001
From: Fedor Katurov <gotham48@gmail.com>
Date: Fri, 25 Mar 2022 10:16:30 +0700
Subject: [PATCH] fixed paddings on lab tabs

---
 src/components/lab/LabHeadItem/index.tsx          | 4 ++--
 src/components/lab/LabHeadItem/styles.module.scss | 3 ++-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/lab/LabHeadItem/index.tsx b/src/components/lab/LabHeadItem/index.tsx
index 07ede4dd..2bb5437b 100644
--- a/src/components/lab/LabHeadItem/index.tsx
+++ b/src/components/lab/LabHeadItem/index.tsx
@@ -19,10 +19,10 @@ interface IProps {
 const LabHeadItem: FC<IProps> = ({ icon, color, children, isLoading, active, onClick }) => {
   if (isLoading) {
     return (
-      <Group horizontal className={styles.item} key="loading">
+      <div className={styles.item} key="loading">
         <Placeholder width="32px" height={32} />
         <Placeholder width="96px" height={18} />
-      </Group>
+      </div>
     );
   }
 
diff --git a/src/components/lab/LabHeadItem/styles.module.scss b/src/components/lab/LabHeadItem/styles.module.scss
index 28b2e60f..264cb1a8 100644
--- a/src/components/lab/LabHeadItem/styles.module.scss
+++ b/src/components/lab/LabHeadItem/styles.module.scss
@@ -2,7 +2,7 @@
 
 .item {
   flex: 0 0 auto;
-  padding: $gap * 0.5 $gap * 1.5 $gap * 0.5 $gap;
+  padding: $gap * 0.5 $gap * 4 $gap * 0.5 $gap;
   fill: currentColor;
   color: darken(white, 50%);
   transition: color 0.25s;
@@ -45,6 +45,7 @@
   text-transform: uppercase;
   padding-bottom: 1px;
   padding-left: $gap * 0.75;
+  padding-right: $gap * 0.35;
 
   @include tablet {
     padding-top: $gap * 0.5;