diff --git a/packages/interface/src/components/interface-skeleton/style.scss b/packages/interface/src/components/interface-skeleton/style.scss
index 552a7e7d0bf0b2..d83f967dcfa5a8 100644
--- a/packages/interface/src/components/interface-skeleton/style.scss
+++ b/packages/interface/src/components/interface-skeleton/style.scss
@@ -148,6 +148,13 @@ html.interface-interface-skeleton__html-container {
 	background-color: $white;
 	z-index: z-index(".interface-interface-skeleton__footer");
 
+	// When the navigate regions shortcut is used it applies position: relative
+	// to regions. The footer should always stay stuck to the bottom though, so
+	// override using a more specific selector with position: fixed.
+	.is-focusing-regions &[role="region"] {
+		position: fixed;
+	}
+
 	// On Mobile the footer is hidden
 	display: none;
 	@include break-medium() {