diff --git a/tubearchivist/home/templates/home/channel.html b/tubearchivist/home/templates/home/channel.html
index 977dd4c..b6c1f61 100644
--- a/tubearchivist/home/templates/home/channel.html
+++ b/tubearchivist/home/templates/home/channel.html
@@ -36,14 +36,12 @@
         <div class="toggle">
             <span>Show only subscribed channels:</span>
             <div class="toggleBox">
-                <input 
-                    id="show_subed_only" onclick="toggleCheckbox(this)" type="checkbox"
-                    {% if show_subed_only %}
-                        checked
-                    {% endif %}
-                    >
-                <label for="" class="onbtn">On</label>
-                <label for="" class="ofbtn">Off</label>
+                <input id="show_subed_only" onclick="toggleCheckbox(this)" type="checkbox" {% if show_subed_only %}checked{% endif %}>
+                {% if show_subed_only %}
+                    <label for="" class="ofbtn">Off</label>
+                {% else %}
+                    <label for="" class="onbtn">On</label>
+                {% endif %}
             </div>
         </div>
         <div class="view-icons">
diff --git a/tubearchivist/home/templates/home/channel_id.html b/tubearchivist/home/templates/home/channel_id.html
index d99d3cf..b7550ec 100644
--- a/tubearchivist/home/templates/home/channel_id.html
+++ b/tubearchivist/home/templates/home/channel_id.html
@@ -96,14 +96,12 @@
         <div class="toggle">
             <span>Hide watched videos:</span>
             <div class="toggleBox">
-                <input 
-                    id="hide_watched" onclick="toggleCheckbox(this)" type="checkbox"
-                    {% if hide_watched %}
-                        checked
-                    {% endif %}
-                    >
-                <label for="" class="onbtn">On</label>
-                <label for="" class="ofbtn">Off</label>
+                <input id="hide_watched" onclick="toggleCheckbox(this)" type="checkbox" {% if hide_watched %}checked{% endif %}>
+                {% if hide_watched %}
+                    <label for="" class="ofbtn">Off</label>
+                {% else %}
+                    <label for="" class="onbtn">On</label>
+                {% endif %}
             </div>
         </div>
         <div class="view-icons">
diff --git a/tubearchivist/home/templates/home/downloads.html b/tubearchivist/home/templates/home/downloads.html
index 62f432e..6551627 100644
--- a/tubearchivist/home/templates/home/downloads.html
+++ b/tubearchivist/home/templates/home/downloads.html
@@ -32,14 +32,12 @@
         <div class="toggle">
             <span>Show only ignored videos:</span>
             <div class="toggleBox">
-                <input 
-                    id="show_ignored_only" onclick="toggleCheckbox(this)" type="checkbox"
-                    {% if show_ignored_only %}
-                        checked
-                    {% endif %}
-                    >
-                <label for="" class="onbtn">On</label>
-                <label for="" class="ofbtn">Off</label>
+                <input id="show_ignored_only" onclick="toggleCheckbox(this)" type="checkbox" {% if show_ignored_only %}checked{% endif %}>
+                {% if show_ignored_only %}
+                    <label for="" class="ofbtn">Off</label>
+                {% else %}
+                    <label for="" class="onbtn">On</label>
+                {% endif %}
             </div>
         </div>
         <div class="view-icons">
diff --git a/tubearchivist/home/templates/home/home.html b/tubearchivist/home/templates/home/home.html
index 707e3f8..d61a163 100644
--- a/tubearchivist/home/templates/home/home.html
+++ b/tubearchivist/home/templates/home/home.html
@@ -43,14 +43,12 @@
         <div class="toggle">
             <span>Hide watched videos:</span>
             <div class="toggleBox">
-                <input 
-                    id="hide_watched" onclick="toggleCheckbox(this)" type="checkbox"
-                    {% if hide_watched %}
-                        checked
-                    {% endif %}
-                    >
-                <label for="" class="onbtn">On</label>
-                <label for="" class="ofbtn">Off</label>
+                <input id="hide_watched" onclick="toggleCheckbox(this)" type="checkbox" {% if hide_watched %}checked{% endif %}>
+                {% if hide_watched %}
+                    <label for="" class="ofbtn">Off</label>
+                {% else %}
+                    <label for="" class="onbtn">On</label>
+                {% endif %}
             </div>
         </div>
         <div class="view-icons">
diff --git a/tubearchivist/home/templates/home/playlist.html b/tubearchivist/home/templates/home/playlist.html
index 122705a..f1f594b 100644
--- a/tubearchivist/home/templates/home/playlist.html
+++ b/tubearchivist/home/templates/home/playlist.html
@@ -37,14 +37,12 @@
         <div class="toggle">
             <span>Show only subscribed playlists:</span>
             <div class="toggleBox">
-                <input 
-                    id="show_subed_only" onclick="toggleCheckbox(this)" type="checkbox"
-                    {% if show_subed_only %}
-                        checked
-                    {% endif %}
-                    >
-                <label for="" class="onbtn">On</label>
-                <label for="" class="ofbtn">Off</label>
+                <input id="show_subed_only" onclick="toggleCheckbox(this)" type="checkbox" {% if show_subed_only %}checked{% endif %}>
+                {% if show_subed_only %}
+                    <label for="" class="ofbtn">Off</label>
+                {% else %}
+                    <label for="" class="onbtn">On</label>
+                {% endif %}
             </div>
         </div>
         <div class="view-icons">
diff --git a/tubearchivist/home/templates/home/playlist_id.html b/tubearchivist/home/templates/home/playlist_id.html
index 9e176e8..8e0fb4f 100644
--- a/tubearchivist/home/templates/home/playlist_id.html
+++ b/tubearchivist/home/templates/home/playlist_id.html
@@ -69,10 +69,12 @@
         <div class="toggle">
             <span>Hide watched videos:</span>
             <div class="toggleBox">
-                <input id="hide_watched" onclick="toggleCheckbox(this)" type="checkbox"
-                {% if hide_watched %}checked{% endif %}>
-                <label for="" class="onbtn">On</label>
-                <label for="" class="ofbtn">Off</label>
+                <input id="hide_watched" onclick="toggleCheckbox(this)" type="checkbox" {% if hide_watched %}checked{% endif %}>
+                {% if hide_watched %}
+                    <label for="" class="ofbtn">Off</label>
+                {% else %}
+                    <label for="" class="onbtn">On</label>
+                {% endif %}
             </div>
         </div>
         <div class="view-icons">
diff --git a/tubearchivist/static/css/style.css b/tubearchivist/static/css/style.css
index a01ad4f..27ebbc5 100644
--- a/tubearchivist/static/css/style.css
+++ b/tubearchivist/static/css/style.css
@@ -200,14 +200,16 @@ button:hover {
 }
 
 .toggleBox > .onbtn {
-    bottom: 15px;
-    left: 15px;
+    right: 35%;
+    top: 45%;
+    transform: translate(50%,-50%);
     font-family: Sen-Regular, sans-serif;
 }
 
 .toggleBox > .ofbtn {
-    bottom: 15px;
-    right: 15px;
+    left: 0;
+    top: 45%;
+    transform: translate(50%,-50%);
     font-family: Sen-Regular, sans-serif;
     color: var(--main-font);
 }