diff --git a/tubesync/common/static/styles/_forms.scss b/tubesync/common/static/styles/_forms.scss
index 445466bd..7ec08ce1 100644
--- a/tubesync/common/static/styles/_forms.scss
+++ b/tubesync/common/static/styles/_forms.scss
@@ -46,3 +46,7 @@ select {
         background-color: $main-button-background-hover-colour !important;
     }
 }
+
+.no-text-transform {
+    text-transform: none;
+}
diff --git a/tubesync/sync/templates/widgets/checkbox_option.html b/tubesync/sync/templates/widgets/checkbox_option.html
index 739eb782..3d3f30fa 100644
--- a/tubesync/sync/templates/widgets/checkbox_option.html
+++ b/tubesync/sync/templates/widgets/checkbox_option.html
@@ -1,7 +1,7 @@
 <!--<input type="{{ option.type }}" name="{{ option.name }}" value="{{ option.value }}" id="{{ option.value }}"><BR>
     <label for="{{ option.value }}">{{option.label}}</label>-->
 
-<div>
+<label>
     <input type="{{ option.type }}" name="{{ option.name }}" value="{{ option.value }}" id="{{ option.value }}" {% if option.selected %}checked{% endif %}>
-    <span>{{option.label}}</span>
-</div>
+    <span class="no-text-transform">{{option.label}}</span>
+</label>