diff --git a/src/components/LogoWithText/LogoWithText.tsx b/src/components/LogoWithText/LogoWithText.tsx
index 94dc2382..fc02a78e 100644
--- a/src/components/LogoWithText/LogoWithText.tsx
+++ b/src/components/LogoWithText/LogoWithText.tsx
@@ -3,14 +3,16 @@ import NextLink from 'next/link';
 
 export function LogoWithText() {
   return (
-    <NextLink href="/">
-      <div className="flex items-center gap-2">
-        <NextImage unoptimized priority src="/wfp_logo.svg" alt="HungerMap" width={45} height={45} />
+    <li>
+      <NextLink href="/">
+        <div className="flex items-center gap-2">
+          <NextImage unoptimized priority src="/wfp_logo.svg" alt="HungerMap" width={45} height={45} />
 
-        <p className="font-bold text-lg">
-          HungerMap <sup>LIVE</sup>
-        </p>
-      </div>
-    </NextLink>
+          <p className="font-bold text-lg">
+            HungerMap <sup>LIVE</sup>
+          </p>
+        </div>
+      </NextLink>
+    </li>
   );
 }
diff --git a/src/components/Topbar/Topbar.tsx b/src/components/Topbar/Topbar.tsx
index 264706d7..f39bec6f 100644
--- a/src/components/Topbar/Topbar.tsx
+++ b/src/components/Topbar/Topbar.tsx
@@ -3,7 +3,6 @@
 import {
   Link,
   Navbar,
-  NavbarBrand,
   NavbarContent,
   NavbarItem,
   NavbarMenu,
@@ -26,9 +25,7 @@ export function Topbar() {
     <Navbar onMenuOpenChange={setIsMenuOpen} maxWidth="full">
       <NavbarContent className="flex-1 min-w-[200px]">
         <NavbarMenuToggle aria-label={isMenuOpen ? 'Close menu' : 'Open menu'} className="md:hidden" />
-        <NavbarBrand>
-          <LogoWithText />
-        </NavbarBrand>
+        <LogoWithText />
       </NavbarContent>
       <NavbarContent className="hidden md:flex gap-4" justify="center">
         {pageLinks.map((item) => (