diff --git a/src/components/downloadOptionsDialog/downloadOptionsDialog.scss b/src/components/downloadOptionsDialog/downloadOptionsDialog.scss
index 290e75c090..6d168e75c2 100644
--- a/src/components/downloadOptionsDialog/downloadOptionsDialog.scss
+++ b/src/components/downloadOptionsDialog/downloadOptionsDialog.scss
@@ -37,6 +37,7 @@
     border-left: 3px solid rgba(var(--primary-rgb), 0.5);
     padding: 1em;
     border-radius: 4px;
+    margin-bottom: 8em;
 }
 
 #estimatedSize,
@@ -49,3 +50,16 @@
     color: rgba(var(--primary-rgb), 1);
     font-weight: 500;
 }
+
+.formDialogFooter {
+    position: sticky;
+    bottom: 0;
+    background: var(--dialog-background, #202020);
+    padding: 1em 1.5em;
+    margin: 0 -1.5em;
+    border-top: 1px solid rgba(255, 255, 255, 0.1);
+    display: flex;
+    gap: 1em;
+    justify-content: flex-end;
+    z-index: 1000;
+}
diff --git a/src/components/downloadOptionsDialog/downloadOptionsDialog.template.html b/src/components/downloadOptionsDialog/downloadOptionsDialog.template.html
index 309f081f4f..adfc8f2457 100644
--- a/src/components/downloadOptionsDialog/downloadOptionsDialog.template.html
+++ b/src/components/downloadOptionsDialog/downloadOptionsDialog.template.html
@@ -6,7 +6,7 @@
 </div>
 
 <form>
-<div class="formDialogContent smoothScrollY" style="padding: 1.5em 1.5em 6em 1.5em; max-height: 60vh; overflow-y: auto;">
+<div class="formDialogContent smoothScrollY" style="padding: 1.5em 1.5em 1.5em 1.5em; max-height: 60vh; overflow-y: auto;">
         <div class="verticalSection">
             <h2 class="sectionTitle">Video Settings</h2>