diff --git a/src/routes/Calendar/Selector/Selector.less b/src/routes/Calendar/Selector/Selector.less
index ef18f9a7e..b5cefbf06 100644
--- a/src/routes/Calendar/Selector/Selector.less
+++ b/src/routes/Calendar/Selector/Selector.less
@@ -6,17 +6,17 @@
     flex: none;
     position: relative;
     display: flex;
-    gap: 3rem;
+    gap: 1rem;
     align-items: center;
     justify-content: center;
 
     .prev, .next {
         position: relative;
         height: 3rem;
+        width: 6rem;
         display: flex;
         flex-direction: row;
         align-items: center;
-        justify-content: space-between;
         gap: 0.5rem;
         border-radius: 0.5rem;
         transition: background-color 0.1s ease-out;
@@ -30,6 +30,9 @@
         .label {
             font-size: 1rem;
             font-weight: 500;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            overflow: hidden;
         }
 
         .icon {
@@ -46,22 +49,21 @@
     }
 
     .prev {
+        justify-content: start;
         padding-left: 0.5rem;
         padding-right: 1rem;
     }
 
     .next {
+        justify-content: end;
         padding-left: 1rem;
         padding-right: 0.5rem;
     }
 
     .selected {
         position: relative;
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        justify-content: center;
-        overflow: hidden;
+        width: 8.5rem;
+        text-align: center;
 
         .year {
             font-size: 1rem;
@@ -75,7 +77,9 @@
             font-size: 1.5rem;
             font-weight: 500;
             color: var(--primary-foreground-color);
+            text-overflow: ellipsis;
             white-space: nowrap;
+            overflow: hidden;
         }
     }
 }