fixed stylings

calblueprint · Nov 13, 2024 · 7710bc4 · 7710bc4
1 parent c2f785c
commit 7710bc4
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/components/FilterBar/styles.ts b/components/FilterBar/styles.ts
@@ -6,12 +6,12 @@ export const FilterContainerStyles = styled.div`
   flex-direction: row;
   justify-content: flex-end;
   width: 100%;
-  margin-right: 15%;
+  margin-right: 3rem;
   flex-wrap: wrap;
 `;
 
 export const FilterBackgroundStyles = styled.div<{ isActive: boolean }>`
-  margin-right: 2%;
+  margin-right: 0.375rem;
   top: 1.5%;
   right: 1.5%;
   background: linear-gradient(
@@ -23,7 +23,7 @@ export const FilterBackgroundStyles = styled.div<{ isActive: boolean }>`
   padding: 0.35rem 0.35rem;
   z-index: 5;
   border: 0.05rem solid #fff;
-  margin-top: 1.5%;
+  margin-top: 0.75rem;
   max-height: ${({ isActive }) => (isActive ? 'auto' : '2rem')};
   border-radius: ${({ isActive }) => (isActive ? '0.5rem' : '6.25rem')};
   transition: height 0.5s ease-in-out;