diff --git a/chrome-extension/popup.html b/chrome-extension/popup.html
index 34127dd..150c93a 100644
--- a/chrome-extension/popup.html
+++ b/chrome-extension/popup.html
@@ -62,7 +62,7 @@
       align-items: center;
       padding: 8px 0;
     }
-    .toggle-row label {
+    .toggle-row span {
       margin: 0;
       color: #eee;
       font-size: 13px;
@@ -222,25 +222,25 @@
 
   <div class="section">
     <div class="toggle-row">
-      <label>Monitor Enabled</label>
-      <div class="toggle">
+      <span>Monitor Enabled</span>
+      <label class="toggle" for="enabled">
         <input type="checkbox" id="enabled" checked>
         <span class="slider"></span>
-      </div>
+      </label>
     </div>
     <div class="toggle-row">
-      <label>Notify New Products</label>
-      <div class="toggle">
+      <span>Notify New Products</span>
+      <label class="toggle" for="notifyNew">
         <input type="checkbox" id="notifyNew" checked>
         <span class="slider"></span>
-      </div>
+      </label>
     </div>
     <div class="toggle-row">
-      <label>Notify Restocks</label>
-      <div class="toggle">
+      <span>Notify Restocks</span>
+      <label class="toggle" for="notifyRestock">
         <input type="checkbox" id="notifyRestock" checked>
         <span class="slider"></span>
-      </div>
+      </label>
     </div>
   </div>