diff --git a/components/publish/PublishAttachment.vue b/components/publish/PublishAttachment.vue
index 8dc3d20a..7365239c 100644
--- a/components/publish/PublishAttachment.vue
+++ b/components/publish/PublishAttachment.vue
@@ -45,13 +45,13 @@ const description = ref(props.attachment.description ?? '')
       py-6
       px-6 max-w-300
     >
-      <div flex gap-5>
+      <div flex flex-col-reverse gap-5 md:flex-row>
         <div flex flex-col gap-2 justify-between>
           <h1 id="edit-attachment" font-bold>
             {{ $t('attachment.edit_title') }}
           </h1>
           <div flex flex-col gap-2>
-            <textarea v-model="description" p-3 w-100 h-50 bg-base rounded-2 border-strong border-1 />
+            <textarea v-model="description" p-3 h-50 bg-base rounded-2 border-strong border-1 md:w-100 />
             <button btn-outline @click="$emit('setDescription', description)">
               {{ $t('action.apply') }}
             </button>