Style force integration with reaction/search-bar

artsy · Feb 20, 2019 · 64d94c7 · 64d94c7
1 parent 1f81bb8
commit 64d94c7
Showing 1 changed file with 7 additions and 9 deletions.
diff --git 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>
 )