diff --git a/assets/styles/gargoyle.scss b/assets/styles/gargoyle.scss
index d8473ec..1705899 100644
--- a/assets/styles/gargoyle.scss
+++ b/assets/styles/gargoyle.scss
@@ -89,21 +89,21 @@ input[type="submit"].button-primary{
       display: inline-block;
       width: 256px;
     }
+  }
 
-    button{
-      display: inline-block;
-      padding: 0 10px;
-      background: $primary-color;
-      border: 1px solid white;
-      color: white;
-      font-size: 1.5rem;
-      font-weight: bold;
-      transition: all 200ms ease-in-out;
+  #search-button{
+    display: inline-block;
+    padding: 0 10px;
+    background: $primary-color;
+    border: 1px solid white;
+    color: white;
+    font-size: 1.5rem;
+    font-weight: bold;
+    transition: all 200ms ease-in-out;
 
-      &:hover{
-        background: $primary-color-highlight;
-        color: #eee;
-      }
+    &:hover{
+      background: $primary-color-highlight;
+      color: #eee;
     }
   }
 }
diff --git a/views/layout.twig b/views/layout.twig
index 63d012a..b8334a3 100644
--- a/views/layout.twig
+++ b/views/layout.twig
@@ -25,11 +25,13 @@
 
     <div class="nav-bar-right">
       <ul>
-        <li><form id="search-form" action="/search" method="GET">
-          <input type="text" name="search" placeholder="enter a search query...">
+        <li>
+          <form id="search-form" action="/search" method="GET">
+            <input type="text" name="search" placeholder="enter a search query...">
+          </form>
 
-          <button type="submit" for="search-form"><i class="fa-solid fa-magnifying-glass"></i></button>
-        </form></li>
+          <button id="search-button" type="submit" for="search-form"><i class="fa-solid fa-magnifying-glass"></i></button>
+        </li>
       </ul>
     </div>
   </nav>