diff --git a/src/css/main.css b/src/css/main.css
index 60e3d7a..815b569 100644
--- a/src/css/main.css
+++ b/src/css/main.css
@@ -34,13 +34,13 @@ body {
 
 @media (max-device-width: 1024px) {
     .btn-group button {
-        font-size: 3em;
-        height: 135px;
-        width: 150px;
+        font-size: 2.4em;
+        height: 88px;
+        width: 88px;
     }
 
     .minGroup {
-        width: 80px;
+        width: 50px;
     }
 }
 
diff --git a/src/js/index.js b/src/js/index.js
index 6b9caeb..9c8cf0b 100644
--- a/src/js/index.js
+++ b/src/js/index.js
@@ -9,15 +9,9 @@ import "./icons";
 import main from "./main";
 
 $(document).ready(function () {
-    // Set correct width height on mobile browsers
-    const isChrome = /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor);
-    if (isChrome) {
-        $("head").append(
-            '<meta name="viewport" content="width=device-width, initial-scale=0.52, maximum-scale=1" />'
-        );
-    } else {
-        $("head").append('<meta name="viewport" content="width=1400" />');
-    }
+    $("head").append(
+        '<meta name="viewport" content="width=device-width, initial-scale=0.52, maximum-scale=1" />'
+    );
 
     main();
 });