diff --git a/src/app/components/contacts/contact-detail/contact-detail.component.ts b/src/app/components/contacts/contact-detail/contact-detail.component.ts
index 434eb64..674c167 100644
--- a/src/app/components/contacts/contact-detail/contact-detail.component.ts
+++ b/src/app/components/contacts/contact-detail/contact-detail.component.ts
@@ -76,6 +76,7 @@ export class ContactDetailComponent {
    */
   toggleConfirmDialog(): void {
     this.showConfirmDialog = !this.showConfirmDialog;
+    this.overlayService.setOverlayData('dialog', '');
   }
 
   /**
diff --git a/src/app/shared/components/overlay/contact-overlay/contact-overlay.component.html b/src/app/shared/components/overlay/contact-overlay/contact-overlay.component.html
index b3ad0fd..805a090 100644
--- a/src/app/shared/components/overlay/contact-overlay/contact-overlay.component.html
+++ b/src/app/shared/components/overlay/contact-overlay/contact-overlay.component.html
@@ -10,6 +10,8 @@
     <div class="badge">
       <div class="picker">
         <input
+          id="colorPicker"
+          name="colorPicker"
           [(colorPicker)]="overlayData.color"
           [style.background]="newColor === '' ? overlayData.color : newColor"
           (colorPickerChange)="updateColor($event)"
@@ -46,6 +48,8 @@
     <div class="badge">
       <div class="picker">
         <input
+          id="colorPicker"
+          name="colorPicker"
           [(colorPicker)]="randomColor"
           [style.background]="randomColor"
           (colorPickerSelect)="updateColor($event)"