diff --git a/core/core-frontend/src/layout/components/HeaderMenuItem.vue b/core/core-frontend/src/layout/components/HeaderMenuItem.vue
index 508c9a1630..36c9dc32d2 100644
--- a/core/core-frontend/src/layout/components/HeaderMenuItem.vue
+++ b/core/core-frontend/src/layout/components/HeaderMenuItem.vue
@@ -50,7 +50,7 @@ export default HeaderMenuItem
     margin-top: -2px;
   }
   .popper-class-menu {
-    width: 152px;
+    min-width: 152px;
     border-radius: 4px;
     border: 1px solid #dee0e3 !important;
 
diff --git a/core/core-frontend/src/layout/components/TopDocCard.vue b/core/core-frontend/src/layout/components/TopDocCard.vue
index 41211ac028..e34d610680 100644
--- a/core/core-frontend/src/layout/components/TopDocCard.vue
+++ b/core/core-frontend/src/layout/components/TopDocCard.vue
@@ -38,7 +38,7 @@ const openBlank = () => {
 .doc-card {
   padding: 8px 0;
   width: 96px;
-  height: 66px;
+  min-height: 66px;
   cursor: pointer;
   display: flex;
   flex-direction: column;
@@ -56,6 +56,9 @@ const openBlank = () => {
   line-height: 22px;
   font-weight: 400;
   margin-top: 4px;
+  width: 96px;
+  word-break: break-word;
+  text-align: center;
 }
 
 .item-top-icon {