From 6218bd9cfb8c46637354f3bbdb2797cbcd89cf4b Mon Sep 17 00:00:00 2001
From: jinhojang6 <jinho5051@gmail.com>
Date: Thu, 16 Nov 2023 04:55:06 +0900
Subject: [PATCH] style: misc. style updates

---
 src/components/BU/BUMenus.tsx               | 7 +++++--
 src/components/BU/BUSection.tsx             | 1 -
 src/components/Challenges/ChallengeList.tsx | 2 +-
 src/components/Jobs/JobList.tsx             | 3 +--
 src/components/Services/ServiceList.tsx     | 1 -
 src/pages/jobs.tsx                          | 2 +-
 src/pages/services.tsx                      | 2 +-
 7 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/components/BU/BUMenus.tsx b/src/components/BU/BUMenus.tsx
index 2a75353..d4b82e2 100644
--- a/src/components/BU/BUMenus.tsx
+++ b/src/components/BU/BUMenus.tsx
@@ -11,9 +11,12 @@ const BUMenus = ({ children }: Props) => {
 const Container = styled.div`
   display: flex;
   flex-direction: column;
-  gap: 180px;
 
-  margin-bottom: 324px;
+  margin-bottom: 144px;
+
+  > div {
+    margin-bottom: 180px;
+  }
 `
 
 export default BUMenus
diff --git a/src/components/BU/BUSection.tsx b/src/components/BU/BUSection.tsx
index 798a2b3..57a8d1d 100644
--- a/src/components/BU/BUSection.tsx
+++ b/src/components/BU/BUSection.tsx
@@ -21,7 +21,6 @@ const Container = styled.div`
   display: flex;
   width: 100%;
   justify-content: space-between;
-  margin-top: 180px;
   border-top: 1px solid rgba(0, 0, 0, 0.18);
   box-sizing: border-box;
 
diff --git a/src/components/Challenges/ChallengeList.tsx b/src/components/Challenges/ChallengeList.tsx
index afa0b13..e5970a9 100644
--- a/src/components/Challenges/ChallengeList.tsx
+++ b/src/components/Challenges/ChallengeList.tsx
@@ -80,7 +80,7 @@ const TitleContainer = styled.div`
   gap: 16px;
   width: 100%;
   height: fit-content;
-  padding-top: 24px;
+  padding-block: 24px;
 
   @media (max-width: ${breakpoints.md}px) {
     padding-block: 16px;
diff --git a/src/components/Jobs/JobList.tsx b/src/components/Jobs/JobList.tsx
index 50db88f..7fac0a2 100644
--- a/src/components/Jobs/JobList.tsx
+++ b/src/components/Jobs/JobList.tsx
@@ -54,7 +54,6 @@ const Container = styled.div`
   display: flex;
   width: 100%;
   justify-content: space-between;
-  margin-top: 180px;
   border-top: 1px solid rgba(0, 0, 0, 0.18);
 
   @media (max-width: ${breakpoints.md}px) {
@@ -73,7 +72,7 @@ const TitleContainer = styled.div`
   gap: 16px;
   width: 100%;
   height: fit-content;
-  padding-top: 24px;
+  padding-block: 24px;
 
   @media (max-width: ${breakpoints.md}px) {
     padding-block: 16px;
diff --git a/src/components/Services/ServiceList.tsx b/src/components/Services/ServiceList.tsx
index 5c5231c..b6d50d5 100644
--- a/src/components/Services/ServiceList.tsx
+++ b/src/components/Services/ServiceList.tsx
@@ -32,7 +32,6 @@ const Container = styled.div`
   display: flex;
   width: 100%;
   justify-content: space-between;
-  margin-top: 180px;
   border-top: 1px solid rgba(0, 0, 0, 0.18);
 
   @media (max-width: ${breakpoints.md}px) {
diff --git a/src/pages/jobs.tsx b/src/pages/jobs.tsx
index e3dca5d..6ee01b2 100644
--- a/src/pages/jobs.tsx
+++ b/src/pages/jobs.tsx
@@ -12,7 +12,7 @@ const Page = ({ jobs }: any) => {
     <>
       <SEO />
       <div>
-        <Box>
+        <Box marginBottom="180px">
           <JobFilter
             data={jobs}
             activeBUs={activeBUs}
diff --git a/src/pages/services.tsx b/src/pages/services.tsx
index de54924..4bafe71 100644
--- a/src/pages/services.tsx
+++ b/src/pages/services.tsx
@@ -13,7 +13,7 @@ const Page = ({ services }: any) => {
     <>
       <SEO />
       <div>
-        <Box>
+        <Box marginBottom="180px">
           <ServiceFilter
             services={services}
             activeServices={activeServices}