diff --git a/agaric/sass/agaric/_component.navbar.scss b/agaric/sass/agaric/_component.navbar.scss
index 8195d6f..e48b089 100644
--- a/agaric/sass/agaric/_component.navbar.scss
+++ b/agaric/sass/agaric/_component.navbar.scss
@@ -219,3 +219,24 @@ a.navbar-link:hover {
   font-size: 1.25em;
 }
 
+.navbar-search {
+  position: relative;
+  .navbar-search-swap form {
+    position: absolute;
+    top: -100px;
+    transition-property: top;
+    transition-duration: 0.4s;
+    right: -0.5rem;
+    padding: 3.5rem 1rem 0.666rem 1rem;
+    background-color: $dark;
+  }
+  .navbar-search-swap:hover,
+  .navbar-search-swap:focus {
+    form {
+      top: -3rem;
+    }
+  }
+  .navbar-search-swap form .form-item .control .form-text.input {
+    width: 18rem;
+  }
+}