diff --git a/components/navigation/NavBar.tsx b/components/navigation/NavBar.tsx
index d0fd2ca6fa02..222ba3a7e782 100644
--- a/components/navigation/NavBar.tsx
+++ b/components/navigation/NavBar.tsx
@@ -223,7 +223,7 @@ export default function NavBar({ className = '', hideLogo = false }: NavBarProps
               className='mr-2 flex items-center space-x-2 rounded-md p-2 text-left text-gray-400 transition duration-150 ease-in-out hover:bg-gray-100 hover:text-gray-500 focus:bg-gray-100 focus:text-gray-500 focus:outline-none'
               aria-label='Open Search'
             >
-              <IconLoupe />
+              {() => <IconLoupe />}
             </SearchButton>
 
             {/* // Language Picker Component */}