From 827cef059aaa4238ae79359fc9812912b92454b1 Mon Sep 17 00:00:00 2001
From: Monique <nica14101@gmail.com>
Date: Fri, 15 Nov 2024 18:14:11 -0800
Subject: [PATCH] styling fixes

---
 components/Filter/styles.ts             | 7 ++++---
 components/SearchBar/styles.ts          | 2 +-
 components/TechnologyDropdown/index.tsx | 5 ++---
 components/TechnologyDropdown/styles.ts | 4 ----
 4 files changed, 7 insertions(+), 11 deletions(-)

diff --git a/components/Filter/styles.ts b/components/Filter/styles.ts
index 2591343..16519ce 100644
--- a/components/Filter/styles.ts
+++ b/components/Filter/styles.ts
@@ -12,8 +12,8 @@ export const FilterBackgroundStyles = styled.div<{ isActive: boolean }>`
   padding: 0.25rem;
   z-index: 5;
   border: 0.05rem solid #fff;
-  margin-top: 0.75rem;
-  max-height: ${({ isActive }) => (isActive ? 'auto' : '2rem')};
+  margin-top: 1rem;
+  max-height: ${({ isActive }) => (isActive ? 'auto' : '2.2rem')};
   border-radius: ${({ isActive }) => (isActive ? '0.5rem' : '6.25rem')};
   transition: height 0.5s ease-in-out;
 `;
@@ -28,9 +28,10 @@ export const FilterButtonStyles = styled.button`
   line-height: normal;
   display: flex;
   align-items: center;
-  gap: 0.75rem;
+  gap: 1rem;
   padding: 0.5rem 1rem;
   color: rgba(46, 58, 89, 0.85);
+  height: 2.2rem;
 `;
 
 export const IconStyle = styled.div`
diff --git a/components/SearchBar/styles.ts b/components/SearchBar/styles.ts
index 09c0293..6403d3d 100644
--- a/components/SearchBar/styles.ts
+++ b/components/SearchBar/styles.ts
@@ -4,7 +4,7 @@ import COLORS from '../../styles/colors';
 export const SearchBarPaddingStyles = styled.div`
   display: inline-flex;
   position: absolute;
-  top: 1.4rem;
+  top: 1.26rem;
   left: 1.25rem;
   background: linear-gradient(
     180deg,
diff --git a/components/TechnologyDropdown/index.tsx b/components/TechnologyDropdown/index.tsx
index 5617b2d..21d3cc2 100644
--- a/components/TechnologyDropdown/index.tsx
+++ b/components/TechnologyDropdown/index.tsx
@@ -14,7 +14,6 @@ import {
   ApplyButtonStyles,
   ButtonStyles,
   ButtonWithIconStyles,
-  CategoryDiv,
   CategoryTitleStyles,
   CheckboxContainer,
   CheckboxStyles,
@@ -141,7 +140,7 @@ export default function TechnologyDropdown({
           </ExitStyles>
         </ButtonWithIconStyles>
         {filter.categories.map(category => (
-          <CategoryDiv key={category.category}>
+          <div key={category.category}>
             <CategoryTitleStyles>{category.category}</CategoryTitleStyles>
             {category.options.map(option => (
               <CheckboxContainer key={option.title}>
@@ -160,7 +159,7 @@ export default function TechnologyDropdown({
                 />
               </CheckboxContainer>
             ))}
-          </CategoryDiv>
+          </div>
         ))}
         <ApplyButtonStyles>APPLY</ApplyButtonStyles>
       </FilterContentDiv>
diff --git a/components/TechnologyDropdown/styles.ts b/components/TechnologyDropdown/styles.ts
index a813541..5e55eb9 100644
--- a/components/TechnologyDropdown/styles.ts
+++ b/components/TechnologyDropdown/styles.ts
@@ -25,10 +25,6 @@ export const CheckboxContainer = styled.div`
   margin-bottom: -0.875rem;
 `;
 
-export const CategoryDiv = styled.div`
-  display: flex;
-`;
-
 export const CategoryTitleStyles = styled.p`
   display: flex;
   font-family: ${CoinbaseMono};