diff --git a/web/src/management/pages/analysis/AnalysisPage.vue b/web/src/management/pages/analysis/AnalysisPage.vue
index 46eb24c2..e9eda3ef 100644
--- a/web/src/management/pages/analysis/AnalysisPage.vue
+++ b/web/src/management/pages/analysis/AnalysisPage.vue
@@ -41,7 +41,7 @@ import { analysisType } from '@/management/config/analysisConfig'
   .right {
     width: 100%;
     height: 100%;
-    min-width: 1160px;
+    min-width: 1300px;
     display: flex;
     flex-direction: column;
     overflow: hidden;
diff --git a/web/src/management/pages/edit/index.vue b/web/src/management/pages/edit/index.vue
index 97e41b7e..c675c19d 100644
--- a/web/src/management/pages/edit/index.vue
+++ b/web/src/management/pages/edit/index.vue
@@ -60,7 +60,7 @@ onMounted(async () => {
   }
 
   .right {
-    min-width: 1160px;
+    min-width: 1300px;
     height: 100%;
     padding-left: 80px;
     overflow: hidden;
diff --git a/web/src/management/pages/edit/modules/questionModule/CatalogPanel.vue b/web/src/management/pages/edit/modules/questionModule/CatalogPanel.vue
index 875efb4b..65f794cb 100644
--- a/web/src/management/pages/edit/modules/questionModule/CatalogPanel.vue
+++ b/web/src/management/pages/edit/modules/questionModule/CatalogPanel.vue
@@ -18,14 +18,19 @@ const tabSelected = ref<string>('0')
 </script>
 <style lang="scss" scoped>
 .tab-box {
-  width: 300px;
+  width: 360px;
   height: 100%;
   box-shadow: none;
   border: none;
-  overflow-y: auto;
+  display: flex;
+  flex-direction: column;
   :deep(.el-tabs__nav) {
     width: 100%;
   }
+  :deep(.el-tabs__content) {
+    flex: 1;
+    overflow-y: auto;
+  }
   :deep(.el-tabs__item) {
     text-align: center;
   }
diff --git a/web/src/management/pages/edit/modules/resultModule/CatalogPanel.vue b/web/src/management/pages/edit/modules/resultModule/CatalogPanel.vue
index 48d6d666..5896b104 100644
--- a/web/src/management/pages/edit/modules/resultModule/CatalogPanel.vue
+++ b/web/src/management/pages/edit/modules/resultModule/CatalogPanel.vue
@@ -45,7 +45,7 @@ const handleChangePreview = (data: any) => {
 </script>
 <style lang="scss" scoped>
 .tab-box {
-  width: 300px;
+  width: 360px;
   height: 100%;
   box-shadow: none;
   border: none;
diff --git a/web/src/management/pages/edit/modules/skinModule/CatalogPanel.vue b/web/src/management/pages/edit/modules/skinModule/CatalogPanel.vue
index 09b4db67..c884f600 100644
--- a/web/src/management/pages/edit/modules/skinModule/CatalogPanel.vue
+++ b/web/src/management/pages/edit/modules/skinModule/CatalogPanel.vue
@@ -87,7 +87,7 @@ const changePreset = (banner: any) => {
 </script>
 <style lang="scss" scoped>
 .tab-box {
-  width: 300px;
+  width: 360px;
   height: 100%;
   box-shadow: none;
   border: none;
diff --git a/web/src/management/pages/edit/pages/edit/index.vue b/web/src/management/pages/edit/pages/edit/index.vue
index 3565a758..51085729 100644
--- a/web/src/management/pages/edit/pages/edit/index.vue
+++ b/web/src/management/pages/edit/pages/edit/index.vue
@@ -55,6 +55,8 @@ watch(
   .navbar-tab {
     position: absolute;
     top: 10px;
+    left: 50%;
+    transform: translate(-50%);
     cursor: pointer;
     :deep(.el-radio-button__original-radio + .el-radio-button__inner) {
       font-size: 12px;