diff --git a/src/Main.hx b/src/Main.hx
index ea253bbb..24a1c7e1 100644
--- a/src/Main.hx
+++ b/src/Main.hx
@@ -29,7 +29,7 @@ class Main extends hxd.App {
 		hl.UI.closeConsole();
 		#end
 		#if js
-		var zoomRatio = js.Browser.window.devicePixelRatio;
+		var zoomRatio = js.Browser.window.innerHeight * js.Browser.window.devicePixelRatio / 768; // js.Browser.window.devicePixelRatio;
 		s2d.scaleMode = Zoom(zoomRatio);
 		#end
 		ResourceLoader.init(s2d, () -> {
diff --git a/src/Settings.hx b/src/Settings.hx
index e7dde2ac..a14a914b 100644
--- a/src/Settings.hx
+++ b/src/Settings.hx
@@ -88,6 +88,8 @@ class Settings {
 
 	public static var uiScale = 1.0;
 
+	public static var zoomRatio = 1.0;
+
 	public static function applySettings() {
 		Window.getInstance().resize(optionsSettings.screenWidth, optionsSettings.screenHeight);
 		Window.getInstance().displayMode = optionsSettings.isFullScreen ? FullscreenResize : Windowed;
@@ -203,15 +205,17 @@ class Settings {
 			var wnd = Window.getInstance();
 			var zoomRatio = 1.0;
 			#if js
-			zoomRatio = js.Browser.window.devicePixelRatio;
+			zoomRatio = js.Browser.window.innerHeight * js.Browser.window.devicePixelRatio / 600; // 768 / js.Browser.window.innerHeight; // js.Browser.window.innerHeight * js.Browser.window.devicePixelRatio / 768;
+			trace("zoomRatio: " + zoomRatio);
+			Settings.zoomRatio = zoomRatio;
 			#end
 			#if hl
 			Settings.optionsSettings.screenWidth = cast wnd.width / zoomRatio;
 			Settings.optionsSettings.screenHeight = cast wnd.height / zoomRatio;
 			#end
 			#if js
-			Settings.optionsSettings.screenWidth = cast js.Browser.window.innerWidth;
-			Settings.optionsSettings.screenHeight = cast js.Browser.window.innerHeight;
+			Settings.optionsSettings.screenWidth = cast js.Browser.window.innerWidth * js.Browser.window.devicePixelRatio; // 1024; // cast(js.Browser.window.innerWidth / js.Browser.window.innerHeight) * 768; // cast js.Browser.window.innerWidth * js.Browser.window.devicePixelRatio * 0.5;
+			Settings.optionsSettings.screenHeight = cast js.Browser.window.innerHeight * js.Browser.window.devicePixelRatio; // 768; // cast js.Browser.window.innerHeight * js.Browser.window.devicePixelRatio * 0.5;
 			#end
 
 			MarbleGame.canvas.scene2d.scaleMode = Zoom(zoomRatio);
diff --git a/src/gui/GuiControl.hx b/src/gui/GuiControl.hx
index 1f67a37c..d1b42f29 100644
--- a/src/gui/GuiControl.hx
+++ b/src/gui/GuiControl.hx
@@ -121,7 +121,7 @@ class GuiControl {
 
 		var scaleFactor = 1.0;
 		#if js
-		scaleFactor = 1 / js.Browser.window.devicePixelRatio;
+		scaleFactor = 1 / Settings.zoomRatio; // 768 / js.Browser.window.innerHeight * js.Browser.window.devicePixelRatio; // 0.5; // 768 / js.Browser.window.innerHeight; // js.Browser.window.innerHeight * js.Browser.window.devicePixelRatio / 768;
 		#end
 
 		if (this.horizSizing == HorizSizing.Width) {