diff --git a/ui/index.html b/ui/index.html
index fcad81f4..8d795382 100644
--- a/ui/index.html
+++ b/ui/index.html
@@ -70,7 +70,7 @@
                     <div id="init_image_preview_container" class="image_preview_container">
                         <div id="init_image_wrapper">
                             <img id="init_image_preview" src="" />
-                            <span id="init_image_size_box"></span>
+                            <span id="init_image_size_box" class="img_bottom_label"></span>
                             <button class="init_image_clear image_clear_btn"><i class="fa-solid fa-xmark"></i></button>
                         </div>
                         <div id="init_image_buttons">
diff --git a/ui/media/css/main.css b/ui/media/css/main.css
index 8e8eb3b8..b7a8bf5e 100644
--- a/ui/media/css/main.css
+++ b/ui/media/css/main.css
@@ -123,6 +123,9 @@ code {
 .imgPreviewItemClearBtn {
     opacity: 0;
 }
+.imgContainer .img_bottom_label {
+    opacity: 0;
+}
 .imgPreviewItemClearBtn:hover {
     background: rgb(177, 27, 0);
 }
@@ -132,6 +135,9 @@ code {
 .imgContainer:hover > .imgPreviewItemClearBtn {
     opacity: 1;
 }
+.imgContainer:hover > .img_bottom_label {
+    opacity: 60%;
+}
 .imgItemInfo * {
     margin-bottom: 7px;
 }
@@ -601,6 +607,9 @@ div.img-preview img {
 } */
 
 #init_image_size_box {
+    border-radius: 6px 0px;
+}
+.img_bottom_label {
     position: absolute;
     right: 0px;
     bottom: 0px;
@@ -610,7 +619,6 @@ div.img-preview img {
     text-shadow: 0px 0px 4px black;
     opacity: 60%;
     font-size: 12px;
-    border-radius: 6px 0px;
 }
 
 #editor-settings {
diff --git a/ui/media/js/main.js b/ui/media/js/main.js
index 06b55b12..5e2f84eb 100644
--- a/ui/media/js/main.js
+++ b/ui/media/js/main.js
@@ -269,6 +269,7 @@ function showImages(reqBody, res, outputContainer, livePreview) {
                         <span class="imgSeedLabel"></span>
                     </div>
                     <button class="imgPreviewItemClearBtn image_clear_btn"><i class="fa-solid fa-xmark"></i></button>
+                    <span class="img_bottom_label">${imageWidth} x ${imageHeight}</span>
                 </div>
             `
             outputContainer.appendChild(imageItemElem)