diff --git a/widget/alarm/raise-alarm.component.html b/widget/alarm/raise-alarm.component.html
index 5c62701..3183dd9 100644
--- a/widget/alarm/raise-alarm.component.html
+++ b/widget/alarm/raise-alarm.component.html
@@ -50,6 +50,7 @@ <h4 class="card-title">Specify alarm</h4>
           </label>
           <div class="c8y-select-wrapper">
             <select
+               name="severity"
               class="form-control"
               (change)="selectionChanged($event)"
               [(ngModel)]="alarm.severity"
diff --git a/widget/raise-alarm-plugin-config.component.ts b/widget/raise-alarm-plugin-config.component.ts
index 85998ab..79927a3 100644
--- a/widget/raise-alarm-plugin-config.component.ts
+++ b/widget/raise-alarm-plugin-config.component.ts
@@ -33,18 +33,18 @@ import {
           <label class="text-truncate" [title]="'Severity'">
             {{ "Alarm Severity" }}
           </label>
-          <p>{{config.severity}}</p>
           <div class="c8y-select-wrapper">
             <select
+              name="severity"
               class="form-control"
               (change)="selectionChanged($event)"
               [(ngModel)]="config.severity"
             >
               <option
                 *ngFor="let entry of severities"
-                [style.background]="entry"
+                [style.background]="entry" [ngValue]="entry"
               >
-                {{ entry }}
+                {{entry}}
               </option>
             </select>
           </div>
@@ -75,6 +75,7 @@ export class RaiseAlarmPluginConfig
   severities: string[] = ["CRITICAL", "MAJOR", "MINOR", "WARNING"];
 
   constructor(private alert: AlertService) {}
+
   ngOnInit(): void {
     console.log(`Current config is: `, this.config);
   }
@@ -92,6 +93,6 @@ export class RaiseAlarmPluginConfig
   }
 
   selectionChanged(e) {
-    console.log(e);
+    console.log("Changed configuration", e);
   }
 }