diff --git a/src/portal/src/app/base/left-side-nav/replication/replication/replication-tasks/replication-tasks.component.html b/src/portal/src/app/base/left-side-nav/replication/replication/replication-tasks/replication-tasks.component.html
index 546cf6f37..fcc701053 100644
--- a/src/portal/src/app/base/left-side-nav/replication/replication/replication-tasks/replication-tasks.component.html
+++ b/src/portal/src/app/base/left-side-nav/replication/replication/replication-tasks/replication-tasks.component.html
@@ -26,7 +26,7 @@
             <span>{{'REPLICATION.FAILURE'| translate}}</span>
           </div>
         </div>
-        <div class="margin-top-16px">
+        <div class="button-stop">
           <button class="btn btn-primary " (click)="stopJob()"
                   [disabled]="stopOnGoing || !canStop()">{{'REPLICATION.STOPJOB' | translate}}</button>
           <span class="spinner spinner-inline" [hidden]="inProgress === false"></span>
diff --git a/src/portal/src/app/base/left-side-nav/replication/replication/replication-tasks/replication-tasks.component.scss b/src/portal/src/app/base/left-side-nav/replication/replication/replication-tasks/replication-tasks.component.scss
index ed2892de9..ed041657a 100644
--- a/src/portal/src/app/base/left-side-nav/replication/replication/replication-tasks/replication-tasks.component.scss
+++ b/src/portal/src/app/base/left-side-nav/replication/replication/replication-tasks/replication-tasks.component.scss
@@ -10,7 +10,8 @@
                 display: flex;
                 align-items: center;
                 >div:first-child {
-                    width: 250px;
+                    min-width: 250px;
+                    margin-right: 5px;
                 }
                 >div:nth-child(2) {
                     width: 150px;
@@ -112,4 +113,8 @@
 }
 .margin-top-16px {
     margin-top: 16px;
-}
\ No newline at end of file
+}
+.button-stop {
+    margin-top: 16px;
+    margin-left: -5px;
+}
diff --git a/src/portal/src/app/base/project/p2p-provider/task-list/task-list.component.html b/src/portal/src/app/base/project/p2p-provider/task-list/task-list.component.html
index d536cbb50..c3b257bee 100644
--- a/src/portal/src/app/base/project/p2p-provider/task-list/task-list.component.html
+++ b/src/portal/src/app/base/project/p2p-provider/task-list/task-list.component.html
@@ -13,7 +13,7 @@
             <span class="id-divider"></span>
             <h2 class="custom-h2 h2-style">{{executionId}}</h2>
           </div>
-          <div class="margin-top-075">
+          <div class="margin-top-16px">
             <div class="status-progress" *ngIf="execution && isInProgress()">
               <span class="spinner spinner-inline"></span>
               <span>{{'REPLICATION.IN_PROGRESS'| translate}}</span>
@@ -27,7 +27,7 @@
               <span>{{'REPLICATION.FAILURE'| translate}}</span>
             </div>
           </div>
-          <div class="margin-top-075">
+          <div class="button-stop">
             <button class="btn btn-primary " (click)="stopJob()"
               [disabled]="!hasUpdatePermission ||stopOnGoing || !canStop()">{{'REPLICATION.STOPJOB' | translate}}</button>
             <span class="spinner spinner-inline" [hidden]="inProgress === false"></span>
diff --git a/src/portal/src/app/base/project/p2p-provider/task-list/task-list.component.scss b/src/portal/src/app/base/project/p2p-provider/task-list/task-list.component.scss
index 705a94789..29a4aa06e 100644
--- a/src/portal/src/app/base/project/p2p-provider/task-list/task-list.component.scss
+++ b/src/portal/src/app/base/project/p2p-provider/task-list/task-list.component.scss
@@ -10,7 +10,8 @@
                 display: flex;
                 align-items: center;
                 >div:first-child {
-                    width: 250px;
+                    min-width: 250px;
+                    margin-right: 5px;
                 }
                 >div:nth-child(2) {
                     width: 140px;
@@ -109,8 +110,8 @@
         }
     }
 }
-.margin-top-075 {
-    margin-top: 0.75rem;
+.margin-top-16px {
+    margin-top: 16px;
 }
 .flex-end {
     align-items: center;
@@ -125,3 +126,7 @@
 .filter-tag {
     margin-top: 7px;
 }
+.button-stop {
+    margin-top: 16px;
+    margin-left: -5px;
+}