diff --git a/ui/src/app/metadata/configuration/component/metadata-configuration.component.html b/ui/src/app/metadata/configuration/component/metadata-configuration.component.html
index daa0951a5..4c57ca75a 100644
--- a/ui/src/app/metadata/configuration/component/metadata-configuration.component.html
+++ b/ui/src/app/metadata/configuration/component/metadata-configuration.component.html
@@ -1,39 +1,46 @@
-<div *ngIf="configuration">
-    <section *ngFor="let section of configuration.sections; let i = index;" class="mb-4">
-        <div class="config-group"  *ngIf="section && section.properties && section.properties.length">
-            <div class="numbered-header d-flex justify-content-start bg-light align-items-center">
-                <h2 class="title h4 m-0 flex-grow-1">
-                    <span *ngIf="numbered"
-                        class="d-inline-block px-2 py-1 mb-0 h4 number border border-secondary bg-white rounded-lg">
-                        <span *ngIf="i + 1 < 10">0</span>{{ i + 1 }}
-                    </span>
-                    <span class="text ml-2">{{ section.label | translate }}</span>
-                </h2>
-                <div class="actions px-2"
-                    *ngIf="editable && configuration.dates.length === 1">
-                    <button class="btn btn-link edit-link change-view" (click)="edit(section.id)">
-                        <i class="fa fa-edit"></i>&nbsp;
-                        <span translate="action.edit">Edit</span>
-                    </button>
-                </div>
-            </div>
-            <div class="p-2">
-                <ng-container *ngIf="section && section.properties && section.properties.length">
-                    <div class="d-flex border-bottom border-light border-2 py-2">
-                        <strong [ngStyle]="{'width': width}" translate="label.option">Option</strong>
-                        <strong *ngFor="let date of configuration.dates" [ngStyle]="{'width': width}">
-                            <translate-i18n key="label.value" *ngIf="configuration.dates.length <= 1">Value</translate-i18n>
-                            <span *ngIf="configuration.dates.length > 1">{{ date | date:DATE_FORMAT }}</span>
-                        </strong>
+<div *ngIf="configuration" class="config-section-list">
+    <ng-container *ngFor="let section of configuration.sections; let i = index;">
+        <section class="mb-4 config-section-list-item" *ngIf="section && section.properties && section.properties.length">
+            <div class="config-group">
+                <div class="numbered-header d-flex justify-content-start bg-light align-items-center">
+                    <h2 class="title h4 m-0 flex-grow-1">
+                        <span *ngIf="numbered"
+                            class="d-inline-block px-2 py-1 mb-0 h4 number border border-secondary bg-white rounded-lg">
+                            <span *ngIf="i + 1 < 10">0</span>{{ i + 1 }}
+                        </span>
+                        <span class="text ml-2">{{ section.label | translate }}</span>
+                    </h2>
+                    <div class="actions px-2"
+                        *ngIf="editable && configuration.dates.length === 1">
+                        <button class="btn btn-link edit-link change-view" (click)="edit(section.id)">
+                            <i class="fa fa-edit"></i>&nbsp;
+                            <span translate="action.edit">Edit</span>
+                        </button>
                     </div>
-                    <object-property
-                        class="d-block"
-                        [property]="section"
-                        [columns]="configuration.dates.length"
-                        (preview)="onPreview($event)">
-                    </object-property>
-                </ng-container>
+                </div>
+                <div class="p-2">
+                    <ng-container *ngIf="section && section.properties && section.properties.length">
+                        <div class="d-flex border-bottom border-light border-2 py-2">
+                            <strong [ngStyle]="{'width': width}" translate="label.option">Option</strong>
+                            <strong *ngFor="let date of configuration.dates" [ngStyle]="{'width': width}">
+                                <translate-i18n key="label.value" *ngIf="configuration.dates.length <= 1">Value</translate-i18n>
+                                <span *ngIf="configuration.dates.length > 1">{{ date | date:DATE_FORMAT }}</span>
+                            </strong>
+                        </div>
+                        <object-property
+                            class="d-block"
+                            [property]="section"
+                            [columns]="configuration.dates.length"
+                            (preview)="onPreview($event)">
+                        </object-property>
+                    </ng-container>
+                </div>
             </div>
+        </section>
+    </ng-container>
+    <ng-container *ngIf="zero">
+        <div class="alert alert-info" role="alert">
+            No changes
         </div>
-    </section>
+    </ng-container>
 </div>
\ No newline at end of file
diff --git a/ui/src/app/metadata/configuration/component/metadata-configuration.component.ts b/ui/src/app/metadata/configuration/component/metadata-configuration.component.ts
index 1b04ba636..e2d75c4da 100644
--- a/ui/src/app/metadata/configuration/component/metadata-configuration.component.ts
+++ b/ui/src/app/metadata/configuration/component/metadata-configuration.component.ts
@@ -1,4 +1,4 @@
-import { Component, ChangeDetectionStrategy, Input, Output, EventEmitter } from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, Output, EventEmitter, OnChanges } from '@angular/core';
 import { Router, ActivatedRoute } from '@angular/router';
 import { MetadataConfiguration } from '../model/metadata-configuration';
 import { Metadata } from '../../domain/domain.type';
@@ -6,11 +6,10 @@ import { CONFIG_DATE_FORMAT } from '../configuration.values';
 
 @Component({
     selector: 'metadata-configuration',
-    changeDetection: ChangeDetectionStrategy.OnPush,
     templateUrl: './metadata-configuration.component.html',
     styleUrls: ['./metadata-configuration.component.scss']
 })
-export class MetadataConfigurationComponent {
+export class MetadataConfigurationComponent implements OnChanges {
     @Input() configuration: MetadataConfiguration;
     @Input() definition: any;
     @Input() entity: Metadata;
@@ -19,6 +18,8 @@ export class MetadataConfigurationComponent {
 
     @Output() preview: EventEmitter<any> = new EventEmitter();
 
+    zero = false;
+
     DATE_FORMAT = CONFIG_DATE_FORMAT;
 
     constructor(
@@ -26,6 +27,10 @@ export class MetadataConfigurationComponent {
         private activatedRoute: ActivatedRoute
     ) {}
 
+    ngOnChanges(): void {
+        this.zero = this.configuration.sections.some(s => !s.properties.length);
+    }
+
     edit(id: string): void {
         this.router.navigate(['../', 'edit', id], { relativeTo: this.activatedRoute.parent });
     }