From 0f4094f49fbd8565398d710797289b0929868a55 Mon Sep 17 00:00:00 2001
From: dicept <dicepted@gmail.com>
Date: Fri, 23 Feb 2024 12:34:10 +0900
Subject: [PATCH] =?UTF-8?q?Styles:=20=EC=86=8D=EC=84=B1=20=EC=95=84?=
 =?UTF-8?q?=EC=9D=B4=EC=BD=98=20=EC=8A=A4=ED=83=80=EC=9D=BC=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/detail/Detail.module.scss | 7 ++++++-
 src/components/detail/PokemonImg.tsx     | 2 +-
 src/components/plate/Plate.module.scss   | 2 +-
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/detail/Detail.module.scss b/src/components/detail/Detail.module.scss
index 95ba9ee..a70870f 100644
--- a/src/components/detail/Detail.module.scss
+++ b/src/components/detail/Detail.module.scss
@@ -460,8 +460,13 @@
         height: 33px;
         flex-shrink: 0;
         cursor: none;
-        padding: 5px;
+        // padding: 5px;
         border-radius: 16px;
+        .plate__name {
+          display: flex;
+          width: 100%;
+          justify-content: center;
+        }
       }
     }
   }
diff --git a/src/components/detail/PokemonImg.tsx b/src/components/detail/PokemonImg.tsx
index fbe4874..14c0e42 100644
--- a/src/components/detail/PokemonImg.tsx
+++ b/src/components/detail/PokemonImg.tsx
@@ -100,7 +100,7 @@ const PokemonImg = ({ pokemonState, isLoading }: PokemonInfoExtendsProps) => {
                       src={`/icons/${koreanPokemonName}_on.svg`}
                       alt={`${koreanPokemonName}타입 아이콘`}
                     />
-                    <div>{koreanPokemonName}</div>
+                    <div className={styles.plate__name}>{koreanPokemonName}</div>
                   </div>
                 );
               })}
diff --git a/src/components/plate/Plate.module.scss b/src/components/plate/Plate.module.scss
index d5059ac..e95f42d 100644
--- a/src/components/plate/Plate.module.scss
+++ b/src/components/plate/Plate.module.scss
@@ -129,7 +129,7 @@
     position: absolute;
     left: 0;
     right: 0;
-    top: -21px;
+    top: -18px;
     margin: auto;
     color: #fff;
     display: none;