fix tab menu item icon

Signed-off-by: Evgeniy Bilov <eugenebelov@users.noreply.github.com>

Author: eugenebelov

src/lib/components/tab-menu-item/tab-menu-item.tsx

@@ -7,6 +7,7 @@ import SvgIcon from '../svg-icon/svg-icon';
 import FlexRow from '../flex-row/flex-row';
 import { matchSize } from '../../utils/match-size';
 import Tooltip from '../tooltip/tooltip';
+import InfoIcon from '../../assets/icons/ic-info.svg';
 
 /* eslint-disable-next-line */
 export interface TabMenuItemProps extends ButtonProps, ActivableProps {
@@ -92,9 +93,7 @@ export function TabMenuItem(props: TabMenuItemProps) {
       <StyledButton color="utility" {...props}>
         <FlexRow gap={3} align={'center'}>
           {props.children}
-          {props.tooltip && (
-            <SvgIcon width={17} height={16} src="assets/icons/ic-info.svg" />
-          )}
+          {props.tooltip && <SvgIcon width={17} height={16} src={InfoIcon} />}
         </FlexRow>
       </StyledButton>
     </Tooltip>

src/lib/components/tab-menu/tab-menu.stories.tsx

@@ -30,7 +30,9 @@ const Template: StoryFn<typeof TabMenu> = (args) => (
       Tab 1
     </TabMenuItem>
     <TabMenuItem key={2}>Tab 2</TabMenuItem>
-    <TabMenuItem key={3}>Tab 3</TabMenuItem>
+    <TabMenuItem key={3} tooltip={'tooltip text'}>
+      Tab 3
+    </TabMenuItem>
   </TabMenu>
 );