diff --git a/src/gui/src/initgui.js b/src/gui/src/initgui.js
index bbcf3cfae..fd340b3cd 100644
--- a/src/gui/src/initgui.js
+++ b/src/gui/src/initgui.js
@@ -192,7 +192,7 @@ window.initgui = async function(options){
 
     // Appends a viewport meta tag to the head of the document, ensuring optimal display on mobile devices.
     // This tag sets the width of the viewport to the device width, and locks the zoom level to 1 (prevents user scaling).
-    $('head').append(`<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"><meta name="viewport" content="width=device-width, user-scalable=0">`);
+    $('head').append(`<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover">`);
 
     // GET query params provided
     window.url_query_params = new URLSearchParams(window.location.search);