diff --git a/core/app/core/src/lib/views/record/components/record-header/record-header.component.html b/core/app/core/src/lib/views/record/components/record-header/record-header.component.html
index 0288e2012..47b5435ce 100644
--- a/core/app/core/src/lib/views/record/components/record-header/record-header.component.html
+++ b/core/app/core/src/lib/views/record/components/record-header/record-header.component.html
@@ -34,7 +34,7 @@
             </div>
         </div>
         <div *ngIf="!loading" class="row m-0 d-flex justify-content-between ml-1 mr-1">
-            <div class="col-xs-12 col-sm-12 col-md-6 col-lg-7 col-xl-8 record-name-container">
+            <div class="col-xs-12 col-sm-12 col-md-5 col-lg-6 col-xl-7 record-name-container">
                 <div class="float-left p-0">
                     <div class="d-flex record-view-back-button justify-content-start" *ngIf="mode === 'detail' || mode === 'edit'">
                         <scrm-button *ngIf="backButtonConfig" [config]="backButtonConfig"></scrm-button>
@@ -59,7 +59,7 @@
                     </div>
                 </div>
             </div>
-            <div class="col-xs-12 col-sm-12 col-md-6 col-lg-5 col-xl-4 align-items-center record-view-action-header">
+            <div class="col-xs-12 col-sm-12 col-md-7 col-lg-6 col-xl-5 align-items-center record-view-action-header">
                 <div class="row mr-1 ml-1 justify-content-center justify-content-md-end">
                     <div *ngIf="record" class="">
                         <scrm-action-group-menu