diff --git a/src/app/pages/dashboard/temperature/temperature.component.html b/src/app/pages/dashboard/temperature/temperature.component.html
index 693e6481..34f29089 100644
--- a/src/app/pages/dashboard/temperature/temperature.component.html
+++ b/src/app/pages/dashboard/temperature/temperature.component.html
@@ -21,17 +21,17 @@
 
       <div [(ngModel)]="temperatureMode" ngbRadioGroup data-toggle="buttons"
            class="btn-group btn-group-toggle btn-divided-group btn-outline-divided-group btn-group-full-width">
-        <label class="btn btn-icon">
-          <input type="radio" value="cool"/><i class="nb-snowy-circled"></i>
+        <label ngbButtonLabel class="btn btn-icon">
+          <input ngbButton type="radio" value="cool"/><i class="nb-snowy-circled"></i>
         </label>
-        <label class="btn btn-icon">
-          <input type="radio" value="warm"/><i class="nb-sunny-circled"></i>
+        <label ngbButtonLabel class="btn btn-icon">
+          <input ngbButton type="radio" value="warm"/><i class="nb-sunny-circled"></i>
         </label>
-        <label class="btn btn-icon">
-          <input type="radio" value="heat"/><i class="nb-flame-circled"></i>
+        <label ngbButtonLabel class="btn btn-icon">
+          <input ngbButton type="radio" value="heat"/><i class="nb-flame-circled"></i>
         </label>
-        <label class="btn btn-icon">
-          <input type="radio" value="fan"/><i class="nb-loop-circled"></i>
+        <label ngbButtonLabel class="btn btn-icon">
+          <input ngbButton type="radio" value="fan"/><i class="nb-loop-circled"></i>
         </label>
       </div>
     </nb-tab>
@@ -53,17 +53,17 @@
 
       <div [(ngModel)]="humidityMode" ngbRadioGroup data-toggle="buttons"
            class="btn-group btn-group-toggle btn-divided-group btn-outline-divided-group btn-group-full-width">
-        <label class="btn btn-icon">
-          <input type="radio" value="cool"/><i class="nb-snowy-circled"></i>
+        <label ngbButtonLabel class="btn btn-icon">
+          <input ngbButton type="radio" value="cool"/><i class="nb-snowy-circled"></i>
         </label>
-        <label class="btn btn-icon">
-          <input type="radio" value="warm"/><i class="nb-sunny-circled"></i>
+        <label ngbButtonLabel class="btn btn-icon">
+          <input ngbButton type="radio" value="warm"/><i class="nb-sunny-circled"></i>
         </label>
-        <label class="btn btn-icon">
-          <input type="radio" value="heat"/><i class="nb-flame-circled"></i>
+        <label ngbButtonLabel class="btn btn-icon">
+          <input ngbButton type="radio" value="heat"/><i class="nb-flame-circled"></i>
         </label>
-        <label class="btn btn-icon">
-          <input type="radio" value="fan"/><i class="nb-loop-circled"></i>
+        <label ngbButtonLabel class="btn btn-icon">
+          <input ngbButton type="radio" value="fan"/><i class="nb-loop-circled"></i>
         </label>
       </div>
     </nb-tab>