diff --git a/frontend/pages/applications/[slug].vue b/frontend/pages/applications/[slug].vue
index 0d6cb3c..39f393b 100644
--- a/frontend/pages/applications/[slug].vue
+++ b/frontend/pages/applications/[slug].vue
@@ -364,12 +364,17 @@ onMounted(loadApplication)
                             + {{ t('environments.logFiles.addButton') }}
                         </button>
                     </div>
-                    <div v-for="(lf, index) in envForm.logFiles" :key="index" class="flex gap-2 mb-2 items-center">
-                        <MalioInputText v-model="lf.label" :placeholder="t('environments.logFiles.label')" class="flex-1" required />
-                        <MalioInputText v-model="lf.path" :placeholder="t('environments.logFiles.path')" class="flex-[2]" required />
-                        <button type="button" @click="removeLogFile(index)" class="text-red-500 hover:text-red-700 p-1">
-                            <Icon name="mdi:close" size="18" />
-                        </button>
+                    <div v-for="(lf, index) in envForm.logFiles" :key="index" class="flex gap-2 mb-2 items-end">
+                        <MalioInputText v-model="lf.label" :label="t('environments.logFiles.label')" class="flex-1" required />
+                        <MalioInputText v-model="lf.path" :label="t('environments.logFiles.path')" class="flex-[2]" required />
+                        <MalioButtonIcon
+                            icon="mdi:delete-outline"
+                            :aria-label="t('environments.logFiles.remove')"
+                            variant="ghost"
+                            icon-size="18"
+                            button-class="text-red-500 hover:bg-red-50 hover:text-red-700 mb-1"
+                            @click="removeLogFile(index)"
+                        />
                     </div>
                 </div>
             </form>