diff --git a/ui/src/app/metadata/configuration/component/metadata-header.component.html b/ui/src/app/metadata/configuration/component/metadata-header.component.html
index 4da057c91..64a1a2a2c 100644
--- a/ui/src/app/metadata/configuration/component/metadata-header.component.html
+++ b/ui/src/app/metadata/configuration/component/metadata-header.component.html
@@ -1,11 +1,12 @@
 <div class="card enabled-status" *ngIf="version">
     <div class="card-body">
-        <h3 class="card-title version-title">
-            <translate-i18n key="label.saved">Saved</translate-i18n>&nbsp;
-            <span class="save-date">{{ version.date | date }}</span>,
-            <translate-i18n key="label.by">by</translate-i18n>&nbsp;
+        <h5 class="card-title version-title">
+            <translate-i18n key="label.saved">Saved</translate-i18n>:&nbsp;
+            <span class="save-date">{{ version.date | date:'medium' }}</span>
+            <br />
+            <translate-i18n key="label.by">By</translate-i18n>:&nbsp;
             <span class="author">{{ version.creator }}</span>
-        </h3>
+        </h5>
         <p class="card-text">
             <span class="badge badge-primary" *ngIf="isEnabled" translate="value.enabled">Enabled</span>
             <span class="badge badge-danger" *ngIf="!isEnabled" translate="value.disabled">Disabled</span>