diff --git a/templates/element/genericElements/IndexTable/Fields/toggle.php b/templates/element/genericElements/IndexTable/Fields/toggle.php
index b0fd866..4f82bc2 100644
--- a/templates/element/genericElements/IndexTable/Fields/toggle.php
+++ b/templates/element/genericElements/IndexTable/Fields/toggle.php
@@ -35,7 +35,7 @@
     }
 
     echo sprintf(
-        '<input type="checkbox" id="%s" %s %s><span id="%s" class="d-none"></span>',
+        '<input type="checkbox" id="%s" class="change-cursor" %s %s><span id="%s" class="d-none"></span>',
         $checkboxId,
         empty($data) ? '' : 'checked',
         $requirementMet ? '' : 'disabled="disabled"',
diff --git a/webroot/css/main.css b/webroot/css/main.css
index 4997470..2edfe70 100644
--- a/webroot/css/main.css
+++ b/webroot/css/main.css
@@ -118,4 +118,12 @@
 .btn-group > .btn:last-of-type:not(.dropdown-toggle), .btn-group > .btn-group:not(:last-of-type) > .btn {
     border-top-right-radius: 0.2rem;
     border-bottom-right-radius: 0.2rem;
+}
+
+input[type="checkbox"].change-cursor {
+    cursor: pointer;
+}
+
+input[type="checkbox"]:disabled.change-cursor {
+    cursor: not-allowed;
 }
\ No newline at end of file
diff --git a/webroot/js/main.js b/webroot/js/main.js
index a15c4b2..6a185a1 100644
--- a/webroot/js/main.js
+++ b/webroot/js/main.js
@@ -40,5 +40,7 @@ function executeStateDependencyChecks(dependenceSourceSelector) {
 
 var UI
 $(document).ready(() => {
-    UI = new UIFactory()
+    if (typeof UIFactory !== "undefined") {
+        UI = new UIFactory()
+    }
 })
\ No newline at end of file