diff --git a/public/viewjs/calendar.js b/public/viewjs/calendar.js
index d8d5559f..e4507295 100644
--- a/public/viewjs/calendar.js
+++ b/public/viewjs/calendar.js
@@ -32,8 +32,8 @@ $("#ical-button").on("click", function(e)
 		{
 			bootbox.alert({
 				title: __t('Share/Integrate calendar (iCal)'),
-				message: __t('Use the following (public) URL to share or integrate the calendar in iCal format') + '<input type="text" class="form-control form-control-sm mt-2 easy-link-copy-textbox" value="' + result.url + '">'
-				+ getQRCodeForContent(result.url),
+				message: __t('Use the following (public) URL to share or integrate the calendar in iCal format') + '<input type="text" class="form-control form-control-sm mt-2 easy-link-copy-textbox" value="' + result.url + '"><p class="text-center mt-4">'
+					+ getQRCodeForContent(result.url) + "</p>",
 				closeButton: false
 			});
 		},
diff --git a/public/viewjs/manageapikeys.js b/public/viewjs/manageapikeys.js
index 3660b6c9..07e03c46 100644
--- a/public/viewjs/manageapikeys.js
+++ b/public/viewjs/manageapikeys.js
@@ -63,10 +63,10 @@ $(document).on('click', '.apikey-delete-button', function(e)
 });
 $('.apikey-show-qr-button').on('click', function()
 {
-	var QRhtml = getQRCodeForAPIKey($(this).data('apikey-key'), $(this).data('apikey-type'));
+	var qrcodeHtml = getQRCodeForAPIKey($(this).data('apikey-key'), $(this).data('apikey-type'));
 	bootbox.alert({
 		title: __t('API key'),
-		message: QRhtml,
+		message: "<p class='text-center'>" + qrcodeHtml + "</p>",
 		closeButton: false
 	});
 })