diff --git a/src/app/app.component.html b/src/app/app.component.html
index 547afb6..2802773 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,7 +1,11 @@
 @if (this.isLoggedIn === undefined) {
 <router-outlet></router-outlet>
 } @else {
-<div [ngClass]="{ 'blur-background': sharedService.isAnyDialogOpen }">
+<div
+  [ngClass]="{
+    'blur-background': sharedService.isAnyDialogOpen
+  }"
+>
   <div class="container">
     <app-sidebar></app-sidebar>
     <app-header></app-header>
diff --git a/src/app/app.component.scss b/src/app/app.component.scss
index db6c87d..37d9f9f 100644
--- a/src/app/app.component.scss
+++ b/src/app/app.component.scss
@@ -4,7 +4,9 @@
 
 app-header {
   position: fixed;
+  top: 0;
   left: 232px;
+  right: 0;
   height: 96px;
   width: 100%;
   background-color: var(--white);
@@ -38,6 +40,7 @@ app-sidebar-mobile {
 
 .blur-background {
   filter: blur(5px);
+  overflow: hidden;
 }
 
 .d-none {
diff --git a/src/app/components/contacts/contact-edit-new/contact-edit-new.component.html b/src/app/components/contacts/contact-edit-new/contact-edit-new.component.html
index 3c4a517..90d64cf 100644
--- a/src/app/components/contacts/contact-edit-new/contact-edit-new.component.html
+++ b/src/app/components/contacts/contact-edit-new/contact-edit-new.component.html
@@ -31,6 +31,7 @@ firebaseService.getUserDataFromId(currentUserId); track user) {
         ></app-contact-form>
       </div>
     </div>
+    <div class="notice">{{ "contacts.notice" | translate }}</div>
   </div>
 </section>
 } } @else {
@@ -60,6 +61,7 @@ firebaseService.getUserDataFromId(currentUserId); track user) {
         ></app-contact-form>
       </div>
     </div>
+    <div class="notice">{{ "contacts.notice" | translate }}</div>
   </div>
 </section>
 }
diff --git a/src/app/components/contacts/contact-edit-new/contact-edit-new.component.scss b/src/app/components/contacts/contact-edit-new/contact-edit-new.component.scss
index 0557485..3def3e2 100644
--- a/src/app/components/contacts/contact-edit-new/contact-edit-new.component.scss
+++ b/src/app/components/contacts/contact-edit-new/contact-edit-new.component.scss
@@ -55,6 +55,7 @@ section {
   align-items: center;
   position: relative;
   width: 30%;
+  margin-bottom: 115px;
 }
 
 .picker {
@@ -84,6 +85,13 @@ section {
   z-index: 2;
 }
 
+.notice {
+  font-size: 14px;
+  font-weight: 400;
+  text-align: center;
+  padding: 0 12px 12px 12px;
+}
+
 .form {
   display: flex;
   justify-content: center;
@@ -99,8 +107,9 @@ section {
 
   .badge {
     position: absolute;
-    top: 105px;
+    top: 115px;
     right: 40px;
+    padding-bottom: 0;
   }
 
   .content {
diff --git a/src/assets/i18n/de.json b/src/assets/i18n/de.json
index 1e79b20..222d0dc 100644
--- a/src/assets/i18n/de.json
+++ b/src/assets/i18n/de.json
@@ -132,6 +132,7 @@
   "contacts": {
     "headline": "Kontakte",
     "headlineDescription": "Besser mit einem Team",
+    "notice": "Hinweis: Klicken Sie in den Kreis, um die Farbe zu ändern.",
     "btnNew": "Neuer Kontakt",
     "btnEdit0": "bearbeiten",
     "btnEdit1": "Bearbeiten",
diff --git a/src/assets/i18n/en.json b/src/assets/i18n/en.json
index d585cb5..c09cea3 100644
--- a/src/assets/i18n/en.json
+++ b/src/assets/i18n/en.json
@@ -132,6 +132,7 @@
   "contacts": {
     "headline": "Contacts",
     "headlineDescription": "Better with a team",
+    "notice": "Notice: Click in the circle to change the colour.",
     "btnNew": "Add new contact",
     "btnEdit0": "edit",
     "btnEdit1": "Edit",