diff --git a/src/app/[name]/(Main)/[id]/page.tsx b/src/app/[name]/(Main)/[id]/page.tsx
index 3355e9f..3d60e2e 100644
--- a/src/app/[name]/(Main)/[id]/page.tsx
+++ b/src/app/[name]/(Main)/[id]/page.tsx
@@ -150,7 +150,8 @@ function FoodPage({ }: Props) {
                         <Heart
                             variant={isFavorite ? 'Bold' : 'Outline'}
                             size={24}
-                            className={isFavorite ? 'fill-primary dark:fill-foreground' : 'stroke-primary dark:stroke-foreground'}
+                            color='currentColor'
+                            className={isFavorite ? 'fill-primary dark:fill-foreground' : ''}
                         />
                     </button>
                 </div>
diff --git a/src/components/topbar/TopBar.tsx b/src/components/topbar/TopBar.tsx
index 1d88440..04c5a8c 100644
--- a/src/components/topbar/TopBar.tsx
+++ b/src/components/topbar/TopBar.tsx
@@ -72,7 +72,7 @@ function TopBar({ profileDropState, toggleProfileDropState, toggleMenuState }: P
                         className='relative'>
                         <NotificationBellIcon className='size-4.5 text-icon-active dark:text-foreground' />
                         <span className='absolute -right-1 -top-1 flex items-center justify-center bg-primary size-3 rounded-full text-[8px] text-container'>
-                            <div className='mt-0.25 place-self-center'>{notificationsCount?.data?.count}</div>
+                            <div className='mt-0.25 place-self-center'>{notificationsCount?.data?.count || '0'}</div>
                         </span>
                     </Link>
                     {isLoggedIn ? (