From f406f4bac28f44dba5815f72107a83c7ba6fbaef Mon Sep 17 00:00:00 2001
From: clkim <clkim@smilegate.com>
Date: Wed, 3 Dec 2025 11:13:17 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20[=EB=94=94=EC=9E=90=EC=9D=B8QA]=20?=
 =?UTF-8?q?=EC=9B=90=ED=98=95=20=EB=B2=84=ED=8A=BC=20=EB=AA=A8=EB=B0=94?=
 =?UTF-8?q?=EC=9D=BC=20=EC=95=84=EC=9D=B4=EC=BD=98=20=EC=82=AC=EC=9D=B4?=
 =?UTF-8?q?=EC=A6=88=20=EC=A1=B0=EC=A0=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 layers/components/atoms/Button/Circle.vue     | 4 ++++
 layers/components/layouts/EventNavigation.vue | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/layers/components/atoms/Button/Circle.vue b/layers/components/atoms/Button/Circle.vue
index c6e6cd6..0c76db0 100644
--- a/layers/components/atoms/Button/Circle.vue
+++ b/layers/components/atoms/Button/Circle.vue
@@ -47,4 +47,8 @@ const componentProps = computed(() => {
     after:content-[''] after:absolute after:top-0 after:left-0 after:w-full after:h-full after:bg-white after:rounded-full after:opacity-0 after:transition-all after:duration-300 after:ease-in-out
     hover:after:opacity-10;
 }
+
+.btn-circle:deep(svg) {
+  @apply w-[20px] h-[20px] md:w-[24px] md:h-[24px];
+}
 </style>
diff --git a/layers/components/layouts/EventNavigation.vue b/layers/components/layouts/EventNavigation.vue
index 040bdc2..e7a2ff1 100644
--- a/layers/components/layouts/EventNavigation.vue
+++ b/layers/components/layouts/EventNavigation.vue
@@ -57,7 +57,7 @@ onMounted(async () => {
         class="btn-control"
         @click="toggleEventNavigation"
       >
-        <AtomsIconsArrowRightLine size="24" color="#ffffff" />
+        <AtomsIconsArrowRightLine color="#ffffff" />
       </AtomsButtonCircle>
       <ul class="navigation-list">
         <li v-for="item in eventNavigationList" :key="item.banner_seq">