From 9bb181ef3eac5354485d8a352ac90eebb9b044d7 Mon Sep 17 00:00:00 2001
From: Ben Gotow <bengotow@gmail.com>
Date: Mon, 7 Mar 2016 17:05:00 -0800
Subject: [PATCH] :lipstick:(search): Show focus around search input

---
 internal_packages/search-bar/stylesheets/search-bar.less | 2 +-
 static/inputs.less                                       | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/internal_packages/search-bar/stylesheets/search-bar.less b/internal_packages/search-bar/stylesheets/search-bar.less
index d3dc2266e..fd54c59cf 100644
--- a/internal_packages/search-bar/stylesheets/search-bar.less
+++ b/internal_packages/search-bar/stylesheets/search-bar.less
@@ -20,7 +20,7 @@
       padding-right: 26px;
       width: 100%;
       height: 23px;
-      border: 0;
+      border: 1px solid transparent;
       box-shadow: 0 0.5px 0 rgba(0,0,0,0.15), 0 -0.5px 0 rgba(0,0,0,0.15), 0.5px 0 0 rgba(0,0,0,0.15), -0.5px 0 0 rgba(0,0,0,0.15);
     }
     input.empty {
diff --git a/static/inputs.less b/static/inputs.less
index 1ff5dddbc..9e53f7e02 100644
--- a/static/inputs.less
+++ b/static/inputs.less
@@ -32,7 +32,8 @@ input[type="url"] {
 
 textarea,
 input[type="text"],
-input[type="email"] {
+input[type="email"],
+.search-bar .menu .header-container input {
   &:focus {
     border: 1px solid @accent-primary;
     box-shadow: 0 0 1.5px @accent-primary;