diff --git a/ui/src/pages/ManageLOA.vue b/ui/src/pages/ManageLOA.vue
index f3b15b8..b04b6db 100644
--- a/ui/src/pages/ManageLOA.vue
+++ b/ui/src/pages/ManageLOA.vue
@@ -19,14 +19,17 @@ const showLOADialog = ref(false);
 <template>
     <div>
         <Dialog v-model:open="showLOADialog" v-on:update:open="showLOADialog = false">
-            <DialogContent class="sm:max-w-fit">
+            <DialogContent class="w-[95vw] max-w-[95vw] max-h-[90dvh] overflow-y-auto p-4 sm:max-w-fit sm:p-6">
                 <DialogHeader>
                     <DialogTitle>Post LOA</DialogTitle>
                     <DialogDescription>
                         Post an LOA on behalf of a member.
                     </DialogDescription>
                 </DialogHeader>
-                <LoaForm :admin-mode="true" class="my-3"></LoaForm>
+                <LoaForm :admin-mode="true"></LoaForm>
+                <DialogFooter>
+                    <Button variant="outline" @click="showLOADialog = false">Cancel</Button>
+                </DialogFooter>
             </DialogContent>
         </Dialog>
         <div class="mx-auto max-w-5xl px-3 pt-10 sm:px-4 lg:px-0">