diff --git a/components/common/Popover/index.module.scss b/components/common/Popover/index.module.scss
index eb114290..db569e80 100644
--- a/components/common/Popover/index.module.scss
+++ b/components/common/Popover/index.module.scss
@@ -43,15 +43,26 @@
     cursor: pointer;
   }
 
-  &.small > .value {
-    font-size: $font-small;
-    margin: 0;
-    max-width: 200px;
+  &.small {
+    & > .value {
+      font-size: $font-small;
+      margin: 0;
+      max-width: 200px;
+    }
 
     @include breakpoint(tablet) {
-      width: 100%;
-      max-width: inherit;
-      text-align: center;
+      &::before {
+        content: '';
+        display: block;
+        width: calc($unit-2x - 1px);
+      }
+
+      & > .value {
+        display: block;
+        width: 100%;
+        max-width: inherit;
+        text-align: center;
+      }
     }
   }
 
diff --git a/components/common/Select/index.module.scss b/components/common/Select/index.module.scss
index 7956a5fe..f132bc1c 100644
--- a/components/common/Select/index.module.scss
+++ b/components/common/Select/index.module.scss
@@ -7,15 +7,25 @@
   gap: $unit;
   padding: ($unit * 1.5) $unit-2x;
 
-  &.small > span:not(.icon) {
-    font-size: $font-small;
-    margin: 0;
-    max-width: 200px;
+  &.small {
+    & > span:not(.icon) {
+      font-size: $font-small;
+      margin: 0;
+      max-width: 200px;
+    }
 
     @include breakpoint(tablet) {
-      width: 100%;
-      max-width: inherit;
-      text-align: center;
+      &::before {
+        content: '';
+        display: block;
+        width: calc($unit-2x - 1px);
+      }
+
+      & > span:not(.icon) {
+        width: 100%;
+        max-width: inherit;
+        text-align: center;
+      }
     }
   }