feat: updated filter tag and filter popover position (#165)

DataBiosphere · Aug 26, 2024 · a76e002 · a76e002
1 parent 01ed245
commit a76e002
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/components/Filter/components/Filter/filter.styles.ts b/src/components/Filter/components/Filter/filter.styles.ts
@@ -6,13 +6,14 @@ import { IconButton as DXIconButton } from "../../../common/IconButton/iconButto
 
 export const FilterPopover = styled(Popover)`
   .MuiPaper-menu {
-    margin: 0;
+    margin: 4px 0;
   }
 
   ${mediaDesktopSmallDown} {
     .MuiPaper-root {
       background-color: ${smokeLight};
       height: 100%;
+      margin: 0;
       max-height: 100%;
       overflow: visible; // required; allows backdrop button to render outside of drawer container.
     }

diff --git a/src/components/Filter/components/FilterTags/filterTags.styles.ts b/src/components/Filter/components/FilterTags/filterTags.styles.ts
@@ -4,7 +4,7 @@ export const FilterTags = styled.span`
   display: flex;
   flex-wrap: wrap;
   gap: 4px;
-  margin-bottom: 8px;
+  margin: 4px 0 8px;
   padding: 0 8px;
 
   &:last-child {