diff --git a/src/desktop/components/react/stitch_components/SearchBar.tsx b/src/desktop/components/react/stitch_components/SearchBar.tsx
index d3161280eaf..5fe7350fa83 100644
--- a/src/desktop/components/react/stitch_components/SearchBar.tsx
+++ b/src/desktop/components/react/stitch_components/SearchBar.tsx
@@ -1,16 +1,14 @@
 import React from "react"
 import { Box } from "@artsy/palette"
 import { SearchBarQueryRenderer } from "reaction/Components/Search/SearchBar"
+import styled from "styled-components"
+
+const SearchBarContainer = styled(Box)`
+  z-index: 100;
+`
 
 export const SearchBar = () => (
-  <Box
-    style={{
-      position: "fixed",
-      zIndex: 100,
-      backgroundColor: "white",
-      top: "2px",
-    }}
-  >
+  <SearchBarContainer pt={1} pb={0.5}>
     <SearchBarQueryRenderer />
-  </Box>
+  </SearchBarContainer>
 )