From 11946c6630ff4e74786ced047097602c6aede423 Mon Sep 17 00:00:00 2001
From: nocheol <qkdl60@gmail.com>
Date: Tue, 6 Feb 2024 19:29:11 +0900
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20:=20#483=20-=20=EB=AA=A8?=
 =?UTF-8?q?=EB=B0=94=EC=9D=BC=20=ED=99=94=EB=A9=B4=20=EA=B9=A8=EC=A7=90=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ModalVerification/index.scss | 35 +++++++++++----------
 1 file changed, 18 insertions(+), 17 deletions(-)

diff --git a/src/components/ModalVerification/index.scss b/src/components/ModalVerification/index.scss
index a582779b..4cdcedfa 100644
--- a/src/components/ModalVerification/index.scss
+++ b/src/components/ModalVerification/index.scss
@@ -38,32 +38,33 @@
       display: flex;
       flex-direction: column;
       gap: 2rem;
+      &--input {
+        width: 10px;
+        border-radius: var(--border-radius);
+        outline: none;
+        border: 2px solid var(--origin-secondary);
+        padding: 0.5rem 1rem;
+        box-shadow: var(--origin-shadow);
+        flex-grow: 1;
+        flex-shrink: 1;
+
+        &:focus {
+          border-color: var(--origin-orange-300);
+        }
+      }
       &--button {
         flex-shrink: 0;
+        & .button {
+          padding: 0.5rem 1rem;
+        }
       }
 
       &--item {
         display: flex;
         gap: 0.5rem;
         align-items: center;
-        & button {
-          padding: 0.5rem 1rem;
-        }
-
-        & > input {
-          border-radius: var(--border-radius);
-          outline: none;
-          border: 2px solid var(--origin-secondary);
-          padding: 0.5rem 1rem;
-          box-shadow: var(--origin-shadow);
+        width: 100%;
 
-          &:focus {
-            border-color: var(--origin-orange-300);
-          }
-        }
-        & > input:first-child {
-          flex-grow: 1;
-        }
         &--message {
           overflow: visible;
           flex-basis: 0;