diff --git a/components/modal/ModalContainer.vue b/components/modal/ModalContainer.vue
index 2d0124db..445b4364 100644
--- a/components/modal/ModalContainer.vue
+++ b/components/modal/ModalContainer.vue
@@ -63,13 +63,15 @@ function handleFavouritedBoostedByClose() {
     </ModalDialog>
     <ModalDialog
       v-model="isPublishDialogOpen"
-      max-w-180 flex flex-col
+      max-w-180 flex w-full
       @close="handlePublishClose"
     >
       <!-- This `w-0` style is used to avoid overflow problems in flex layouts，so don't remove it unless you know what you're doing -->
       <PublishWidgetList
         v-if="dialogDraftKey"
-        :draft-key="dialogDraftKey" expanded flex-1 w-0
+        :draft-key="dialogDraftKey"
+        expanded
+        class="flex-1"
         @published="handlePublished"
       />
     </ModalDialog>