From 3f8f8c72534718a24fcd6349160887c0cbece4b6 Mon Sep 17 00:00:00 2001
From: Ildar Kamalov <ik@adguard.com>
Date: Mon, 19 Sep 2022 19:30:59 +0300
Subject: [PATCH] client: fix tabs scroll on mobile

---
 client/src/components/ui/Tab.js   | 8 +++++---
 client/src/components/ui/Tabs.css | 1 +
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/client/src/components/ui/Tab.js b/client/src/components/ui/Tab.js
index c9860ad5..74de263c 100644
--- a/client/src/components/ui/Tab.js
+++ b/client/src/components/ui/Tab.js
@@ -19,9 +19,11 @@ const Tab = ({
             className={tabClass}
             onClick={handleClick}
         >
-            <svg className="tab__icon">
-                <use xlinkHref={`#${label.toLowerCase()}`} />
-            </svg>
+            <div>
+                <svg className="tab__icon">
+                    <use xlinkHref={`#${label.toLowerCase()}`} />
+                </svg>
+            </div>
             {t(title || label)}
         </div>
     );
diff --git a/client/src/components/ui/Tabs.css b/client/src/components/ui/Tabs.css
index 837cf3d8..afa8438a 100644
--- a/client/src/components/ui/Tabs.css
+++ b/client/src/components/ui/Tabs.css
@@ -67,6 +67,7 @@
     height: 24px;
     margin-bottom: 6px;
     fill: #4a4a4a;
+    touch-action: initial;
 }
 
 .tab__text {