From 8c244fd42746f858908e1a7f3a2cf9f6190dcfd1 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Wed, 10 Apr 2024 17:31:41 +0300
Subject: [PATCH] fix(left-sidebar): remove tooltip content components

---
 .../General/LeftSidebar/LeftSidebar.tsx           | 15 +++------------
 1 file changed, 3 insertions(+), 12 deletions(-)

diff --git a/src/components/General/LeftSidebar/LeftSidebar.tsx b/src/components/General/LeftSidebar/LeftSidebar.tsx
index 87f17cf3..b5ed7022 100644
--- a/src/components/General/LeftSidebar/LeftSidebar.tsx
+++ b/src/components/General/LeftSidebar/LeftSidebar.tsx
@@ -8,9 +8,9 @@ import {
   ActivityCenterIcon,
   SettingsIcon,
 } from '@status-im/icons'
-import { XStack, YStack } from 'tamagui'
+import { YStack } from 'tamagui'
 import { useSelector } from 'react-redux'
-import { Text, Tooltip } from '@status-im/components'
+import { Tooltip } from '@status-im/components'
 
 import LeftSidebarIconButton from './LeftSidebarIconButton'
 import { SidebarButton } from '../../../redux/LeftSidebar/slice'
@@ -54,16 +54,7 @@ const LeftSidebar = () => {
       }}
     >
       {buttons.map((button: SidebarButton) => (
-        <Tooltip
-          side="right"
-          content={
-            <XStack alignItems="center" space="$1">
-              <Text size={15} weight="semibold">
-                {button.tooltip}
-              </Text>
-            </XStack>
-          }
-        >
+        <Tooltip side="right" content={button.tooltip}>
           <div style={{ padding: '3px', cursor: 'pointer' }}>
             <LeftSidebarIconButton
               key={button.path}