From 34b205750b81e236ee12c015f12a0f1c4bb1b76f Mon Sep 17 00:00:00 2001
From: DOBOB_LAPTOP <creativedobob@gmail.com>
Date: Thu, 12 Oct 2023 00:15:32 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=EC=95=84=EC=9D=B4=EC=BD=98=20Dom=20?=
 =?UTF-8?q?=EA=B5=AC=EC=A1=B0=20=EB=B3=80=EA=B2=BD=EC=9C=BC=EB=A1=9C=20?=
 =?UTF-8?q?=EC=9D=B8=ED=95=9C=20=EB=93=9C=EB=A1=AD=EB=8B=A4=EC=9A=B4=20?=
 =?UTF-8?q?=ED=91=9C=EC=8B=9C=20=EC=97=90=EB=9F=AC=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/DropdownMenu/DropdownMenu.styles.ts     | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/frontend/src/components/DropdownMenu/DropdownMenu.styles.ts b/frontend/src/components/DropdownMenu/DropdownMenu.styles.ts
index 9ad24cfd3..2fb8589dc 100644
--- a/frontend/src/components/DropdownMenu/DropdownMenu.styles.ts
+++ b/frontend/src/components/DropdownMenu/DropdownMenu.styles.ts
@@ -1,6 +1,7 @@
 import styled from '@emotion/styled';
 import COLOR from '../../constants/color';
 import { css } from '@emotion/react';
+import MEDIA_QUERY from '../../constants/mediaQuery';
 
 const Container = styled.div<{
   css: ReturnType<typeof css>;
@@ -15,7 +16,13 @@ const Container = styled.div<{
   padding: 1rem 1.2rem;
   position: absolute;
   z-index: 100;
+  right: 30px;
+  top: 50px;
 
+  ${MEDIA_QUERY.xs} {
+    right: 10px;
+    top: 40px;
+  }
   /* transform: translateY(30%); */
 
   && {