diff --git a/src/views/traceManage/tshark/components/PacketTable.vue b/src/views/traceManage/tshark/components/PacketTable.vue
index f31e66c4..1b1a8874 100644
--- a/src/views/traceManage/tshark/components/PacketTable.vue
+++ b/src/views/traceManage/tshark/components/PacketTable.vue
@@ -161,13 +161,13 @@ watchEffect(() => {
                 item.number === props.selectedFrame
                   ? 'blue'
                   : item.bg
-                  ? `#${Number(item.bg).toString(16).padStart(6, '0')}`
+                  ? `#${Number(item.bg).toString(16)}`
                   : '',
               color:
                 item.number === props.selectedFrame
                   ? 'white'
                   : item.fg
-                  ? `#${Number(item.fg).toString(16).padStart(6, '0')}`
+                  ? `#${Number(item.fg).toString(16)}`
                   : '',
             }"
             @click="onSelectedFrame(item.number)"
@@ -250,8 +250,8 @@ watchEffect(() => {
 }
 .thead-item:nth-child(5),
 .tbody-item:nth-child(5) {
-  flex-basis: 6rem;
-  width: 6rem;
+  flex-basis: 7rem;
+  width: 7rem;
 }
 .thead-item:nth-child(6),
 .tbody-item:nth-child(6) {