Browse Source

Fix searchbar button in top bar (#4381)

Bartosz Dryl 1 year ago
parent
commit
155d388204
1 changed files with 9 additions and 0 deletions
  1. 9 0
      packages/atlas/src/components/Searchbar/Searchbar.styles.ts

+ 9 - 0
packages/atlas/src/components/Searchbar/Searchbar.styles.ts

@@ -80,6 +80,12 @@ export const InnerContainer = styled.div<{ hasFocus: boolean; hasQuery: boolean
   }
   }
 `
 `
 
 
+export const StyledButton = styled(Button)`
+  width: 100% !important;
+  height: 100% !important;
+  border-radius: unset !important;
+`
+
 export const StyledSvgOutlineSearch = styled(SvgControlsSearchAlt, { shouldForwardProp: isPropValid })<{
 export const StyledSvgOutlineSearch = styled(SvgControlsSearchAlt, { shouldForwardProp: isPropValid })<{
   highlighted?: boolean
   highlighted?: boolean
 }>`
 }>`
@@ -104,6 +110,9 @@ export const SearchHelper = styled(Text)`
 export const SearchButton = styled(Button)`
 export const SearchButton = styled(Button)`
   padding: 0;
   padding: 0;
   margin: 0 auto;
   margin: 0 auto;
+  width: 100%;
+  height: 100%;
+  border-radius: unset;
 
 
   ${media.md} {
   ${media.md} {
     display: none;
     display: none;