diff --git a/public/css/grocy.css b/public/css/grocy.css
index 93802c5e..179db199 100644
--- a/public/css/grocy.css
+++ b/public/css/grocy.css
@@ -81,6 +81,12 @@ input::-webkit-inner-spin-button {
 	-webkit-appearance: none;
 }
 
+.centered-dialog .modal-title,
+.centered-dialog .modal-body {
+	margin-left: auto;
+	margin-right: auto;
+}
+
 /* Navigation style customizations */
 #mainNav {
 	background-color: #e5e5e5 !important;
diff --git a/public/viewjs/stockoverview.js b/public/viewjs/stockoverview.js
index bd0fa982..f5e6b742 100644
--- a/public/viewjs/stockoverview.js
+++ b/public/viewjs/stockoverview.js
@@ -153,9 +153,11 @@ $(document).on("click", ".product-name-cell", function(e)
 
 		bootbox.dialog({
 			title: L("Image of product #1", productName),
-			message: "<img src='" + pictureUrl + "' class='img-fluid img-thumbnail d-flex mx-auto'>",
+			message: "<img src='" + pictureUrl + "' class='img-fluid img-thumbnail'>",
 			backdrop: false,
 			onEscape: true,
+			closeButton: false,
+			className: 'centered-dialog',
 			buttons: {
 				editproduct: {
 					label: '<i class="fas fa-edit"></i> ' + L('Edit product'),