From 52292a2a564e3633692c1faa076b48e5b824df64 Mon Sep 17 00:00:00 2001
From: HoonBaek <hoon@sendbird.com>
Date: Thu, 11 Jan 2024 16:00:43 +0900
Subject: [PATCH] Apply the center align to the Badge&Button

---
 src/ui/Badge/index.scss  | 4 +++-
 src/ui/Button/index.scss | 4 +++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/ui/Badge/index.scss b/src/ui/Badge/index.scss
index c7f0ae731..fdb151c20 100644
--- a/src/ui/Badge/index.scss
+++ b/src/ui/Badge/index.scss
@@ -4,7 +4,9 @@
   height: 20px;
   min-width: 20px;
   border-radius: 10px;
-  display: inline-block;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
   @include themed() {
     background-color: t(primary-3);
   }
diff --git a/src/ui/Button/index.scss b/src/ui/Button/index.scss
index 1de55c5b3..f2f9b7229 100644
--- a/src/ui/Button/index.scss
+++ b/src/ui/Button/index.scss
@@ -4,9 +4,11 @@
   border-radius: 4px;
   box-shadow: none;
   cursor: pointer;
-  display: inline-block;
   font-family: var(--sendbird-font-family-default);
   padding: 0;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
 
   &:hover {
     box-shadow: none;