diff --git a/src/client/components/Navbar.tsx b/src/client/components/Navbar.tsx
index 4d4a389..c5587c6 100644
--- a/src/client/components/Navbar.tsx
+++ b/src/client/components/Navbar.tsx
@@ -25,7 +25,8 @@ const Navbar: React.FunctionComponent = (props) => {
 
   const searchPlaceholder = (): ReactElement => (
     <>
-      Search Library... <i className="fa-solid fa-magnifying-glass is-pulled-right mt-1"></i>
+      Search Library...{" "}
+      <i className="fa-solid fa-magnifying-glass is-pulled-right mt-1"></i>
     </>
   );
 
@@ -107,6 +108,11 @@ const Navbar: React.FunctionComponent = (props) => {
           <Link to="/search" className="navbar-item">
             Search ComicVine
           </Link>
+        </div>
+
+        <div className="navbar-end">
+          <a className="navbar-item is-hidden-desktop-only"></a>
+
           <div className="navbar-item has-dropdown is-hoverable">
             <a
               className="navbar-link  is-active"
@@ -243,10 +249,6 @@ const Navbar: React.FunctionComponent = (props) => {
               </div>
             </div>
           </div>
-        </div>
-
-        <div className="navbar-end">
-          <a className="navbar-item is-hidden-desktop-only"></a>
           <div className="navbar-item">
             <div className="field is-grouped">
               <p className="control">