fix a prominent instance (#1304)

8fd894f2 · Jordan Frankfurt · GitHub · cc221833 · 8fd894f2
Commit 8fd894f2 authored Feb 03, 2021 by Jordan Frankfurt Committed by GitHub Feb 03, 2021
Show whitespace changes
Inline Side-by-side

Showing with 5 additions and 1 deletion

index.tsx src/components/Header/index.tsx +5 -1

No files found.
--- a/src/components/Header/index.tsx
+++ b/src/components/Header/index.tsx
@@ -83,7 +83,11 @@ const HeaderControls = styled.div`
 const HeaderElement = styled.div`
  display: flex;
  align-items: center;
-  gap: 8px;
+  /* addresses safari's lack of support for "gap" */
+  & > *:not(:first-child) {
+    margin-left: 8px;
+  }
  ${({ theme }) => theme.mediaWidth.upToMedium`
   flex-direction: row-reverse;