From 8bf55bf1248eca545e49276389f1082da901f7a9 Mon Sep 17 00:00:00 2001
From: jongwooha98 <jongwooha98@gmail.com>
Date: Mon, 20 Dec 2021 03:51:06 +0900
Subject: [PATCH] fix: tabs design

---
 src/pages/Game2048/Home/home.scss             | 54 ++++++++++---------
 .../LeaderboardTabs/LeaderboardTabs.tsx       |  2 +-
 2 files changed, 29 insertions(+), 27 deletions(-)

diff --git a/src/pages/Game2048/Home/home.scss b/src/pages/Game2048/Home/home.scss
index 9a69d6c9..c1fd3169 100644
--- a/src/pages/Game2048/Home/home.scss
+++ b/src/pages/Game2048/Home/home.scss
@@ -2,30 +2,32 @@
   top: 20px;
 }
 
-._1gxio611 {
-  display: flex;
-  gap: 12px;
-  padding: 0 20px;
-}
-._1gxio613 {
-  width: 100%;
-  padding: 6px 0;
-  min-height: 35px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  background-color: #fafafa !important;
-  border-radius: 10px;
-  color: #7c7c7c !important;
-}
-._1gxio614 {
-  width: 100%;
-  padding: 6px 0;
-  min-height: 35px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  background-color: #e3efff !important;
-  border-radius: 10px;
-  color: #0e74ff !important;
+.game-2048__tabs {
+  ._1gxio611 {
+    display: flex;
+    gap: 12px;
+    padding: 0 20px;
+  }
+  ._1gxio613 {
+    width: 100%;
+    padding: 6px 0;
+    min-height: 35px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background-color: #fafafa !important;
+    border-radius: 10px;
+    color: #7c7c7c !important;
+  }
+  ._1gxio614 {
+    width: 100%;
+    padding: 6px 0;
+    min-height: 35px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background-color: #e3efff !important;
+    border-radius: 10px;
+    color: #0e74ff !important;
+  }
 }
diff --git a/src/pages/Game2048/Leaderboard/LeaderboardTabs/LeaderboardTabs.tsx b/src/pages/Game2048/Leaderboard/LeaderboardTabs/LeaderboardTabs.tsx
index 2646ee9b..9422b308 100644
--- a/src/pages/Game2048/Leaderboard/LeaderboardTabs/LeaderboardTabs.tsx
+++ b/src/pages/Game2048/Leaderboard/LeaderboardTabs/LeaderboardTabs.tsx
@@ -26,7 +26,7 @@ const LeaderboardTabs: React.FC<Props> = (props) => {
     }
   };
   return (
-    <LeaderboardContainer>
+    <LeaderboardContainer className="game-2048__tabs">
       <Tabs
         className={css`
           --kf_tabs_tabBar-borderColor: none;