diff --git a/web/src/views/statistic/screen/components/slider.vue b/web/src/views/statistic/screen/components/slider.vue
index 3769c97..c4d5b2d 100644
--- a/web/src/views/statistic/screen/components/slider.vue
+++ b/web/src/views/statistic/screen/components/slider.vue
@@ -60,6 +60,8 @@ export default {
     width: 100%;
     height: 100%;
     position: relative;
+    flex: auto;
+    overflow: hidden;
 
     &.gutter {
         margin-top: -2.3vw;
@@ -81,6 +83,9 @@ export default {
         flex-direction: row;
         align-items: center;
         justify-content: space-between;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
 
         i {
             font-style: normal;
@@ -99,6 +104,9 @@ export default {
         justify-content: center;
         font-size: 0.6vw;
         color: #999;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
     }
 }
 </style>
diff --git a/web/src/views/statistic/screen/components/warning.vue b/web/src/views/statistic/screen/components/warning.vue
index 04a051f..05fd011 100644
--- a/web/src/views/statistic/screen/components/warning.vue
+++ b/web/src/views/statistic/screen/components/warning.vue
@@ -288,7 +288,7 @@ export default {
                 border: 10px solid transparent;
                 border-top-color: rgba(255, 255, 255, 0.2);
                 top: 15%;
-                left: 50%;
+                right: 5%;
                 transform: rotate(45deg);
                 border-radius: 50%;
             }