From e0537fb09ce36eea259a8fe50b97e50322328336 Mon Sep 17 00:00:00 2001
From: dicept <dicepted@gmail.com>
Date: Fri, 23 Feb 2024 11:51:31 +0900
Subject: [PATCH 1/2] =?UTF-8?q?Styles:=20=EC=86=8D=EC=84=B1=20=EC=B9=B4?=
 =?UTF-8?q?=ED=85=8C=EA=B3=A0=EB=A6=AC=20=EC=95=84=EC=9D=B4=EC=BD=98=20?=
 =?UTF-8?q?=EC=9C=84=EC=B9=98=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/plate/Plate.module.scss |  4 +++-
 src/styles/mixin.scss                  | 10 ++++++++--
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/components/plate/Plate.module.scss b/src/components/plate/Plate.module.scss
index e164b5a..3c41e5d 100644
--- a/src/components/plate/Plate.module.scss
+++ b/src/components/plate/Plate.module.scss
@@ -75,6 +75,7 @@
 
 .type_plate__my {
   display: flex;
+  width: 100%;
   gap: 3px;
 }
 
@@ -93,7 +94,8 @@
 
   .type_plate__my.#{$type} {
     @include plate_pokemon_type($color);
-    // width: 33px;
+    width: 45px;
+    padding: 0 7px;
     height: 11px;
 
     img {
diff --git a/src/styles/mixin.scss b/src/styles/mixin.scss
index 5809606..f50213d 100644
--- a/src/styles/mixin.scss
+++ b/src/styles/mixin.scss
@@ -2,16 +2,21 @@
   width: 95px;
   height: 33px;
   display: flex;
-  padding: 5px 0;
+  padding: 5px 5px 5px 10px;
   border-radius: 16.5px;
   align-items: center;
-  justify-content: center;
+  // justify-content: center;
   display: flex;
   gap: 3px;
 
   img {
     width: 20px;
   }
+  span {
+    display: flex;
+    width: 100%;
+    justify-content: center
+  }
 }
 
 @mixin plate_click_style($color) {
@@ -39,6 +44,7 @@
   color: #fff;
   background-color: $color;
   display: flex;
+  width: 100%;
   padding: 0 10px;
   height: 23px;
 

From ecbfdddc5e13b1bb7c857a12f981b4aea04ed0bf Mon Sep 17 00:00:00 2001
From: dicept <dicepted@gmail.com>
Date: Fri, 23 Feb 2024 12:14:56 +0900
Subject: [PATCH 2/2] =?UTF-8?q?Styles:=20=EC=8A=A4=ED=83=80=EC=9D=BC=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/plate/Plate.module.scss | 2 +-
 src/styles/mixin.scss                  | 9 ++++-----
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/components/plate/Plate.module.scss b/src/components/plate/Plate.module.scss
index 3c41e5d..d5059ac 100644
--- a/src/components/plate/Plate.module.scss
+++ b/src/components/plate/Plate.module.scss
@@ -95,8 +95,8 @@
   .type_plate__my.#{$type} {
     @include plate_pokemon_type($color);
     width: 45px;
-    padding: 0 7px;
     height: 11px;
+    padding: 0 7px;
 
     img {
       width: 7px;
diff --git a/src/styles/mixin.scss b/src/styles/mixin.scss
index f50213d..ab059f5 100644
--- a/src/styles/mixin.scss
+++ b/src/styles/mixin.scss
@@ -1,13 +1,12 @@
 @mixin plate_style {
+  gap: 3px;
   width: 95px;
   height: 33px;
   display: flex;
-  padding: 5px 5px 5px 10px;
-  border-radius: 16.5px;
-  align-items: center;
-  // justify-content: center;
   display: flex;
-  gap: 3px;
+  align-items: center;
+  border-radius: 16.5px;
+  padding: 5px 5px 5px 10px;
 
   img {
     width: 20px;