diff --git a/templates/index.html b/templates/index.html
index 17140b7e..6493e939 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -105,8 +105,8 @@
         .toggle-switch {
             position: relative;
             display: inline-block;
-            width: 60px;
-            height: 34px;
+            width: 44px;
+            height: 24px;
         }
         .toggle-switch input {
             opacity: 0;
@@ -121,25 +121,25 @@
             right: 0;
             bottom: 0;
             background-color: #ccc;
-            transition: .4s;
-            border-radius: 34px;
+            transition: .3s;
+            border-radius: 24px;
         }
         .slider:before {
             position: absolute;
             content: "";
-            height: 26px;
-            width: 26px;
-            left: 4px;
-            bottom: 4px;
+            height: 18px;
+            width: 18px;
+            left: 3px;
+            bottom: 3px;
             background-color: white;
-            transition: .4s;
+            transition: .3s;
             border-radius: 50%;
         }
         input:checked + .slider {
             background-color: #4CAF50;
         }
         input:checked + .slider:before {
-            transform: translateX(26px);
+            transform: translateX(20px);
         }
         button {
             background-color: #4CAF50;