diff --git a/uSync8.BackOffice/App_Plugins/uSync8/components/uSyncProgressView.html b/uSync8.BackOffice/App_Plugins/uSync8/components/uSyncProgressView.html
index 45413a79..25b19b99 100644
--- a/uSync8.BackOffice/App_Plugins/uSync8/components/uSyncProgressView.html
+++ b/uSync8.BackOffice/App_Plugins/uSync8/components/uSyncProgressView.html
@@ -12,16 +12,14 @@
             </div>
         </div>
     </div>
-    <div class="flex justify-center">
-        <div class="text-center">
-            <h4 class="usync-action-message">{{vm.status.Message}}</h4>
-            <small>{{vm.update.Message}}</small>
-            <div class="progress usync-not-animated" style="height: 3px;">
-                <div class="bar" role="progressbar" style="width: {{vm.calcPercentage(vm.update)}}%;" aria-valuenow="{{vm.calcPercentage(vm.update)}}" aria-valuemin="0" aria-valuemax="100"></div>
-            </div>
+    <div class="flex items-center flex-column">
+        <h4 class="usync-action-message">{{vm.status.Message}}</h4>
+        <small>{{vm.update.Message}}</small>
+        <div class="progress usync-not-animated" style="height: 3px; width: 160px">
+            <div class="bar" role="progressbar" style="width: {{vm.calcPercentage(vm.update)}}%;" aria-valuenow="{{vm.calcPercentage(vm.update)}}" aria-valuemin="0" aria-valuemax="100"></div>
         </div>
     </div>
-    <div class="progress" style="height: 1px;">
+    <div class="progress usync-main-progress" style="height: 1px;">
         <div class="bar" role="progressbar" style="width: {{vm.calcPercentage(vm.status)}}%;" aria-valuenow="{{vm.calcPercentage(vm.status)}}" aria-valuemin="0" aria-valuemax="100"></div>
     </div>
 </div>
\ No newline at end of file
diff --git a/uSync8.BackOffice/App_Plugins/uSync8/components/uSyncReportView.html b/uSync8.BackOffice/App_Plugins/uSync8/components/uSyncReportView.html
index 82a335bd..7f3433cd 100644
--- a/uSync8.BackOffice/App_Plugins/uSync8/components/uSyncReportView.html
+++ b/uSync8.BackOffice/App_Plugins/uSync8/components/uSyncReportView.html
@@ -81,7 +81,9 @@
                 </div>
             </div>
             <div class="flex justify-center items-center padded" ng-if="vm.countChanges(vm.results) == 0 && !vm.showAll">
-                <localize key="usync_nochange"></localize>
+                <div>
+                    <localize key="usync_nochange"></localize>
+                </div>
             </div>
     </umb-box>
 </div>
\ No newline at end of file
diff --git a/uSync8.BackOffice/App_Plugins/uSync8/usync.css b/uSync8.BackOffice/App_Plugins/uSync8/usync.css
index 20d2503d..dc0dd1c0 100644
--- a/uSync8.BackOffice/App_Plugins/uSync8/usync.css
+++ b/uSync8.BackOffice/App_Plugins/uSync8/usync.css
@@ -302,4 +302,8 @@
 
 .usync-detail-link-cell .btn {
     padding: 6px;
+}
+
+.usync-main-progress {
+    margin: 0 -20px -20px -20px;
 }
\ No newline at end of file
diff --git a/uSync8.Site/App_Plugins/uSync8/components/uSyncProgressView.html b/uSync8.Site/App_Plugins/uSync8/components/uSyncProgressView.html
index 2031c0e0..9074d1bb 100644
--- a/uSync8.Site/App_Plugins/uSync8/components/uSyncProgressView.html
+++ b/uSync8.Site/App_Plugins/uSync8/components/uSyncProgressView.html
@@ -12,16 +12,14 @@
             </div>
         </div>
     </div>
-    <div class="flex justify-center">
-        <div class="text-center">
-            <h4 class="usync-action-message">{{vm.status.Message}}</h4>
-            <small>{{vm.update.Message}}</small>
-            <div class="progress usync-not-animated" style="height: 3px;">
-                <div class="bar" role="progressbar" style="width: {{vm.calcPercentage(vm.update)}}%;" aria-valuenow="{{vm.calcPercentage(vm.update)}}" aria-valuemin="0" aria-valuemax="100"></div>
-            </div>
+    <div class="flex items-center flex-column">
+        <h4 class="usync-action-message">{{vm.status.Message}}</h4>
+        <small>{{vm.update.Message}}</small>
+        <div class="progress usync-not-animated" style="height: 3px; width: 160px">
+            <div class="bar" role="progressbar" style="width: {{vm.calcPercentage(vm.update)}}%;" aria-valuenow="{{vm.calcPercentage(vm.update)}}" aria-valuemin="0" aria-valuemax="100"></div>
         </div>
     </div>
-    <div class="progress" style="height: 1px;">
+    <div class="progress usync-main-progress" style="height: 1px;">
         <div class="bar" role="progressbar" style="width: {{vm.calcPercentage(vm.status)}}%;" aria-valuenow="{{vm.calcPercentage(vm.status)}}" aria-valuemin="0" aria-valuemax="100"></div>
     </div>
 </div>
\ No newline at end of file
diff --git a/uSync8.Site/App_Plugins/uSync8/components/uSyncReportView.html b/uSync8.Site/App_Plugins/uSync8/components/uSyncReportView.html
index 6b9dfe77..52c6afb8 100644
--- a/uSync8.Site/App_Plugins/uSync8/components/uSyncReportView.html
+++ b/uSync8.Site/App_Plugins/uSync8/components/uSyncReportView.html
@@ -81,7 +81,9 @@
                 </div>
             </div>
             <div class="flex justify-center items-center padded" ng-if="vm.countChanges(vm.results) == 0 && !vm.showAll">
-                <localize key="usync_nochange"></localize>
+                <div>
+                    <localize key="usync_nochange"></localize>
+                </div>
             </div>
     </umb-box>
 </div>
\ No newline at end of file
diff --git a/uSync8.Site/App_Plugins/uSync8/usync.css b/uSync8.Site/App_Plugins/uSync8/usync.css
index 8ef7fa03..1bcf7b3b 100644
--- a/uSync8.Site/App_Plugins/uSync8/usync.css
+++ b/uSync8.Site/App_Plugins/uSync8/usync.css
@@ -302,4 +302,8 @@
 
 .usync-detail-link-cell .btn {
     padding: 6px;
+}
+
+.usync-main-progress {
+    margin: 0 -20px -20px -20px;
 }
\ No newline at end of file