diff --git a/webcompat/static/css/development/components/search-bar.css b/webcompat/static/css/development/components/search-bar.css
index df973c19d..c654437d5 100644
--- a/webcompat/static/css/development/components/search-bar.css
+++ b/webcompat/static/css/development/components/search-bar.css
@@ -30,9 +30,13 @@
 
   .wc-SearchBar-face--back {
     display: flex;
+    align-items: center;
     flex-direction: row;
     backface-visibility: hidden;
     transform: rotateX(-180deg);
+    background-color: var(--SearchBar-background);
+    padding: .4em;
+    border-radius: 4px;
     z-index: 3;
   }
 
@@ -46,10 +50,14 @@
       border: none;
     }
 
-    .wc-SearchBar-icon--button {
-      cursor: pointer;
+    .wc-SearchBar-icon {
+      line-height: 0;
     }
 
+      .wc-SearchBar-icon--button {
+        cursor: pointer;
+      }
+
     /* state */
     .wc-SearchBar.is-active .wc-SearchBar-face--back {
       transform: rotateX(0);