diff --git a/frontend/src/main.ts b/frontend/src/main.ts
index 08c414c1a..881a63bc1 100644
--- a/frontend/src/main.ts
+++ b/frontend/src/main.ts
@@ -15,15 +15,24 @@ cssHasPseudo(document)
 
 function supportsFlexGap() {
   const flex = document.createElement('div')
+
   flex.style.display = 'flex'
   flex.style.flexDirection = 'column'
   flex.style.rowGap = '1px'
 
-  flex.appendChild(document.createElement('div'))
-  flex.appendChild(document.createElement('div'))
+  const child1 = document.createElement('div')
+  const child2 = document.createElement('div')
+
+  child1.style.height = '1px'
+  child2.style.height = '1px'
+
+  flex.appendChild(child1)
+  flex.appendChild(child2)
 
   document.body.appendChild(flex)
-  const isSupported = flex.scrollHeight === 1
+
+  const isSupported = flex.scrollHeight === 3
+
   document.body.removeChild(flex)
 
   return isSupported
diff --git a/frontend/src/views/chat/ChatTokenTime.vue b/frontend/src/views/chat/ChatTokenTime.vue
index c56c9662c..184dc3c8a 100644
--- a/frontend/src/views/chat/ChatTokenTime.vue
+++ b/frontend/src/views/chat/ChatTokenTime.vue
@@ -61,7 +61,7 @@ function getLogList() {
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
-        width: 84px;
+        width: calc(100% + 8px);
         height: 26px;
         position: absolute;
       }
diff --git a/frontend/src/views/chat/chat-block/ChartPopover.vue b/frontend/src/views/chat/chat-block/ChartPopover.vue
index a94cbeb03..4c04a642b 100644
--- a/frontend/src/views/chat/chat-block/ChartPopover.vue
+++ b/frontend/src/views/chat/chat-block/ChartPopover.vue
@@ -81,7 +81,7 @@ const handleDefaultChatChange = (val: any) => {
 <style lang="less">
 .chat-type_select.chat-type_select {
   padding: 4px 0;
-  width: 120px !important;
+  width: auto !important;
   min-width: 120px !important;
   box-shadow: 0px 4px 8px 0px #1f23291a;
   border: 1px solid #dee0e3;