diff --git a/assets/styles/gargoyle.scss b/assets/styles/gargoyle.scss
index 7c0f89e..23682b2 100644
--- a/assets/styles/gargoyle.scss
+++ b/assets/styles/gargoyle.scss
@@ -63,10 +63,6 @@ input[type="submit"].button-primary{
     li{
       display: inline-block;
     }
-
-    form, li{
-      display: inline-block;
-    }
   }
 
   .site-logo,
@@ -80,6 +76,15 @@ input[type="submit"].button-primary{
     padding-left: 35px;
     font-weight: bold;
   }
+
+  #search-form{
+    display: inline-block;
+    padding: 10px 35px;
+
+    li{
+      display: inline-block;
+    }
+  }
 }
 
 #main-content{
diff --git a/views/layout.twig b/views/layout.twig
index b388b09..8c85735 100644
--- a/views/layout.twig
+++ b/views/layout.twig
@@ -25,7 +25,7 @@
 
     <div class="nav-bar-right">
       <ul>
-        <li><form action="/search" method="GET">
+        <li><form id="search-form" action="/search" method="GET">
           <input type="text" name="search" placeholder="enter a search query...">
 
           <button type="submit" name="button"><i class="fa-solid fa-magnifying-glass"></i></button>