From 8c868717233838c8b6e25d2237d0e14c5f19739a Mon Sep 17 00:00:00 2001
From: Tyler Hallada <tyler@hallada.net>
Date: Mon, 14 Mar 2022 23:42:09 -0400
Subject: [PATCH] Fix searchbar styling

---
 styles/SearchBar.module.css | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/styles/SearchBar.module.css b/styles/SearchBar.module.css
index 915b575..c0e7720 100644
--- a/styles/SearchBar.module.css
+++ b/styles/SearchBar.module.css
@@ -11,8 +11,14 @@
   left: calc(50% - max(20vw, 125px));
 }
 
-.search-bar.search-bar-sidebar-open {
-  left: calc(50% + 75px);
+@media only screen and (min-width: 600px) {
+  .search-bar.search-bar-sidebar-open {
+    left: calc(50% + 75px);
+  }
+
+  .search-bar.search-bar-focused.search-bar-sidebar-open {
+    left: calc(50% - max(20vw, 125px) + 125px);
+  }
 }
 
 .search-bar input {