diff --git a/frontend/src/components/widget/deWidget/DeTabs.vue b/frontend/src/components/widget/deWidget/DeTabs.vue
index c4c2ad52a3..2f8fc685c5 100644
--- a/frontend/src/components/widget/deWidget/DeTabs.vue
+++ b/frontend/src/components/widget/deWidget/DeTabs.vue
@@ -708,21 +708,27 @@ export default {
 }
 
 ::v-deep .el-tabs__nav {
-  width: 100%;
+  display: flex;
+}
+::v-deep .el-tabs__nav-prev {
+  line-height: 25px;
+}
+::v-deep .el-tabs__nav-next {
+  line-height: 25px;
 }
 
 .tab-head-left ::v-deep .el-tabs__nav {
-  width: 100%;
+  display: flex;
   text-align: left;
 }
 
 .tab-head-right ::v-deep .el-tabs__nav {
-  width: 100%;
+  display: flex;
   text-align: right;
 }
 
 .tab-head-center ::v-deep .el-tabs__nav {
-  width: 100%;
+  display: flex;
   text-align: center;
 }