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;