diff --git a/scipost/static/scipost/assets/css/_form.scss b/scipost/static/scipost/assets/css/_form.scss
index 46777f8099ba93a25eceef4208c93b3d7bb19824..c281091a6fb7ceffa25e880c7614b2c5faf8693c 100644
--- a/scipost/static/scipost/assets/css/_form.scss
+++ b/scipost/static/scipost/assets/css/_form.scss
@@ -42,3 +42,25 @@ input[type="file"] {
     border: 1px solid rgba(0, 0, 0, 0.15);
     border-radius: 0.15rem;
 }
+
+.search-nav-form {
+    input {
+        border-top-right-radius: 0;
+        border-bottom-right-radius: 0;
+        margin-right: 0 !important;
+        border-right: 0;
+        border-color: #ddd;
+    }
+
+    button {
+        border-top-left-radius: 0;
+        border-bottom-left-radius: 0;
+        border-color: #ddd !important;
+        outline: 0;
+
+        &:hover {
+            background-color: inherit;
+            box-shadow: inset 0px 0px 6px 1px #fff;
+        }
+    }
+}
diff --git a/scipost/templates/scipost/navbar.html b/scipost/templates/scipost/navbar.html
index e7ddeed5de0d6af825d1137fd9a4c82f605819fd..dddf3e20aa0b24bea34e1adaadd920abf14c3f35 100644
--- a/scipost/templates/scipost/navbar.html
+++ b/scipost/templates/scipost/navbar.html
@@ -37,7 +37,7 @@
           {% endif %}
 
         </ul>
-        <form action="{% url 'scipost:search' %}" method="get" class="form-inline">
+        <form action="{% url 'scipost:search' %}" method="get" class="form-inline search-nav-form">
             <input class="form-control mr-2 mb-0" id="id_q" maxlength="100" name="q" type="text" required="">
           <button class="btn btn-outline-secondary text-muted" type="submit">Search</button>
         </form>