From 80ad1fc4584e5163b2071b5d59affca87290e298 Mon Sep 17 00:00:00 2001
From: MyungJiwoo <1206jiwoo@gmail.com>
Date: Fri, 28 Jun 2024 03:26:55 +0900
Subject: [PATCH] =?UTF-8?q?[#3]=20feat:=20=ED=85=8C=EB=A7=88=20=EC=B6=94?=
 =?UTF-8?q?=EC=B2=9C=20=EC=8B=9C=EC=9E=91=20=ED=99=94=EB=A9=B4=20=EB=A0=88?=
 =?UTF-8?q?=EC=9D=B4=EC=95=84=EC=9B=83=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/styles/ThemeRecsStyled.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/styles/ThemeRecsStyled.tsx b/src/styles/ThemeRecsStyled.tsx
index 4a42694..e3f78e9 100644
--- a/src/styles/ThemeRecsStyled.tsx
+++ b/src/styles/ThemeRecsStyled.tsx
@@ -3,15 +3,16 @@ import { Link } from "react-router-dom";
 
 export const Container = styled.div`
     width: 100vw;
-    height: 100vh;
+    height: 90vh;
+    /* margin: 0; */
+    margin-top: 10vh;
     background: radial-gradient(50% 50% at 50% 50%, #3b3b3b 0%, #080101 100%);
-    margin: 0;
 
     display: flex;
 
     .textBox {
         width: 40vw;
-        height: 100vh;
+        height: inherit;
         padding: 0 10vw;
 
         display: flex;
@@ -33,7 +34,7 @@ export const Container = styled.div`
     }
     .cubeBox {
         width: 50vw;
-        height: 100vh;
+        height: inherit;
     }
 
     .startBtn {