fix: use withIcon modifier instead of withoutIcon

packages/lsd-react/src/components/TabItem/TabItem.classes.ts

@@ -9,5 +9,5 @@ export const tabItemClasses = {
   medium: 'lsd-tab-item--medium',
   large: 'lsd-tab-item--large',
 
-  tabWithoutIcon: 'lsd-tab-item--without-icon',
+  withIcon: 'lsd-tab-item--with-icon',
 }

packages/lsd-react/src/components/TabItem/TabItem.styles.ts

@@ -10,7 +10,7 @@ export const TabItemStyles = css`
     display: flex;
     flex-direction: row;
     align-items: center;
-    justify-content: space-between;
+    justify-content: center;
 
     &:hover {
       text-decoration: underline;
@@ -41,8 +41,8 @@ export const TabItemStyles = css`
     }
   }
 
-  .${tabItemClasses.tabWithoutIcon} {
-    justify-content: center;
+  .${tabItemClasses.withIcon} {
+    justify-content: space-between;
   }
 
   .${tabItemClasses.disabled} {

packages/lsd-react/src/components/TabItem/TabItem.tsx

@@ -51,7 +51,7 @@ export const TabItem: React.FC<TabItemProps> & {
         tabItemClasses[size],
         selected && tabItemClasses.selected,
         props.disabled && tabItemClasses.disabled,
-        !icon && tabItemClasses.tabWithoutIcon,
+        !!icon && tabItemClasses.withIcon,
       )}
       onClick={onClick}
     >