diff --git a/ui/src/components/toggle/index.js b/ui/src/components/toggle/index.js
index 859a3983..78e3929b 100644
--- a/ui/src/components/toggle/index.js
+++ b/ui/src/components/toggle/index.js
@@ -22,7 +22,7 @@ const Toggle = ({
 
   const label = classNames(
     className,
-    styles.label
+    styles['tgl-label']
   );
 
   return (
diff --git a/ui/src/components/toggle/style.css b/ui/src/components/toggle/style.css
index a345ddb4..c540ec62 100644
--- a/ui/src/components/toggle/style.css
+++ b/ui/src/components/toggle/style.css
@@ -23,7 +23,7 @@
   width: 110px;
 }
 
-.label {
+.tgl-label {
   background-color: #E6E6E6;
   border: solid 1px #D8D8D8;
   border-radius: var(--border-radius);