diff --git a/src/app/AppViewSwitcher.tsx b/src/app/AppViewSwitcher.tsx
index 84833d99..2cfd575d 100644
--- a/src/app/AppViewSwitcher.tsx
+++ b/src/app/AppViewSwitcher.tsx
@@ -33,7 +33,7 @@ export default function AppViewSwitcher({
const renderItemFeed =
}
+ icon={}
href={PATH_FEED_INFERRED}
active={currentSelection === 'feed'}
tooltip={!isAdminMenuOpen
@@ -47,7 +47,7 @@ export default function AppViewSwitcher({
const renderItemGrid =
}
+ icon={}
href={PATH_GRID_INFERRED}
active={currentSelection === 'grid'}
tooltip={!isAdminMenuOpen
@@ -91,7 +91,6 @@ export default function AppViewSwitcher({
}
onClick={() => setIsCommandKOpen?.(true)}
tooltip={!isAdminMenuOpen
diff --git a/src/components/SwitcherItem.tsx b/src/components/SwitcherItem.tsx
index 702a4c51..a678eefa 100644
--- a/src/components/SwitcherItem.tsx
+++ b/src/components/SwitcherItem.tsx
@@ -5,6 +5,8 @@ import Spinner from './Spinner';
import LinkWithIconLoader from './LinkWithIconLoader';
import Tooltip from './Tooltip';
+const WIDTH_CLASS = 'w-[42px]';
+
export default function SwitcherItem({
icon,
title,
@@ -30,7 +32,7 @@ export default function SwitcherItem({
}) {
const className = clsx(
'flex items-center justify-center',
- 'w-[42px] h-[28px]',
+ `${WIDTH_CLASS} h-[28px]`,
isInteractive && 'cursor-pointer',
isInteractive && 'hover:bg-gray-100/60 active:bg-gray-100',
isInteractive && 'dark:hover:bg-gray-900/75 dark:active:bg-gray-900',
@@ -69,6 +71,7 @@ export default function SwitcherItem({
tooltip
?
{content}
diff --git a/src/components/icons/IconFeed.tsx b/src/components/icons/IconFeed.tsx
index 2d5604c2..dd6955bb 100644
--- a/src/components/icons/IconFeed.tsx
+++ b/src/components/icons/IconFeed.tsx
@@ -6,9 +6,11 @@ const INTRINSIC_HEIGHT = 24;
export default function IconFeed({
width = INTRINSIC_WIDTH,
includeTitle = true,
+ className,
}: {
width?: number
includeTitle?: boolean
+ className?: string
}) {
return (