diff --git a/ui/index.html b/ui/index.html
index a7995e32..d9a416ea 100644
--- a/ui/index.html
+++ b/ui/index.html
@@ -313,7 +313,7 @@
             <div id="preview-content">
                 <div id="preview-tools" class="displayNone">
                     <button id="clear-all-previews" class="secondaryButton"><i class="fa-solid fa-trash-can icon"></i> Clear All</button>
-                    <button class="tertiaryButton" id="show-download-dialog"><i class="fa-solid fa-download"></i> Download images</button>
+                    <button class="tertiaryButton" id="show-download-popup"><i class="fa-solid fa-download"></i> Download images</button>
                     <div class="display-settings">
                         <button id="undo" class="displayNone primaryButton">
                             Undo <i class="fa-solid fa-rotate-left icon"></i>
diff --git a/ui/media/js/main.js b/ui/media/js/main.js
index 7ced5b17..c618a855 100644
--- a/ui/media/js/main.js
+++ b/ui/media/js/main.js
@@ -132,7 +132,7 @@ let initialText = document.querySelector("#initial-text")
 let versionText = document.querySelector("#version")
 let previewTools = document.querySelector("#preview-tools")
 let clearAllPreviewsBtn = document.querySelector("#clear-all-previews")
-let showDownloadDialogBtn = document.querySelector("#show-download-dialog")
+let showDownloadDialogBtn = document.querySelector("#show-download-popup")
 let saveAllImagesDialog = document.querySelector("#download-images-dialog")
 let saveAllImagesBtn = document.querySelector("#save-all-images")
 let saveAllImagesCloseBtn = document.querySelector("#download-images-close-button")