diff --git a/core/css/public.scss b/core/css/public.scss
index 7bae6890702e1..76dc3cb9c57a0 100644
--- a/core/css/public.scss
+++ b/core/css/public.scss
@@ -3,7 +3,7 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 #body-public {
-	--footer-height: calc(2lh + 2 * var(--default-grid-baseline)); // Set the initial value, will be updated programmatically to match the actual height
+	--footer-height: calc(4lh + 2 * var(--default-grid-baseline)); // Set the initial value (generous estimate for mobile wrapping), will be updated programmatically to match the actual height
 
 	.header-end {
 		#header-primary-action a {
@@ -73,8 +73,8 @@
 		left: 50%;
 		bottom: var(--body-container-margin);
 		transform: translateX(-50%);
-		width: fit-content;
-		max-width: 90vw;
+		width: 90vw;
+		box-sizing: border-box;
 
 		&.guest-box {
 			// Ensure the maxcontrast color is set for the background
@@ -86,6 +86,7 @@
 			box-shadow: 0 0 10px var(--color-box-shadow);
 			-webkit-backdrop-filter: var(--filter-background-blur);
 			backdrop-filter: var(--filter-background-blur);
+			text-align: center;
 
 			.info {
 				text-shadow: none;