diff --git a/components/navigation/NavBar.js b/components/navigation/NavBar.js
index bf7079f845f..235df1c8a8c 100644
--- a/components/navigation/NavBar.js
+++ b/components/navigation/NavBar.js
@@ -200,7 +200,7 @@ export default function NavBar({
 
           <div className="flex flex-row items-center justify-content">
             <SearchButton
-              className="flex items-center text-left space-x-2 p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out"
+              className="flex items-center text-left space-x-2 p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out mr-2"
               aria-label="Open Search"
             >
               <IconLoupe />