diff --git a/src/app/client/src/app/modules/workspace/components/draft/draft.component.html b/src/app/client/src/app/modules/workspace/components/draft/draft.component.html
index 90122ac6c1e..ba1c15684bd 100644
--- a/src/app/client/src/app/modules/workspace/components/draft/draft.component.html
+++ b/src/app/client/src/app/modules/workspace/components/draft/draft.component.html
@@ -33,7 +33,7 @@
 
 <ng-template let-context let-modal="modal" #modalTemplate>
   <div class="sb-modal sb-error">
-    <div class="ui modal visible active small">
+    <div class="ui modal visible active small" style="margin: 0rem auto 0 auto;" >
       <i class="icon close" (click)="modal.deny('denied')" tabindex="0"></i>
 
       <!--Header-->
diff --git a/src/app/client/src/app/modules/workspace/components/published/published.component.html b/src/app/client/src/app/modules/workspace/components/published/published.component.html
index 6f580d8baac..15b84875d37 100644
--- a/src/app/client/src/app/modules/workspace/components/published/published.component.html
+++ b/src/app/client/src/app/modules/workspace/components/published/published.component.html
@@ -45,7 +45,7 @@
 <!-- Delete confirm Modal-->
 <ng-template let-context let-modal="modal" #modalTemplate>
   <div class="sb-modal sb-error">
-    <div class="ui modal visible active small">
+    <div class="ui modal visible active small" style="margin: 0rem auto 0 auto;">
       <i class="icon close" (click)="modal.deny('denied')" tabindex="0"></i>
 
       <!--Header-->
diff --git a/src/app/client/src/app/modules/workspace/components/rejected/rejected.component.html b/src/app/client/src/app/modules/workspace/components/rejected/rejected.component.html
index 3b7a95ebd91..4c27cb9e6d8 100644
--- a/src/app/client/src/app/modules/workspace/components/rejected/rejected.component.html
+++ b/src/app/client/src/app/modules/workspace/components/rejected/rejected.component.html
@@ -45,7 +45,7 @@
 <!-- Delete confirm Modal-->
 <ng-template let-context let-modal="modal" #modalTemplate>
   <div class="sb-modal sb-error">
-    <div class="ui modal visible active small">
+    <div class="ui modal visible active small" style="margin: 0rem auto 0 auto;">
       <i class="icon close" (click)="modal.deny('denied')" tabindex="0"></i>
 
       <!--Header-->
diff --git a/src/app/client/src/app/modules/workspace/components/uploaded/uploaded.component.html b/src/app/client/src/app/modules/workspace/components/uploaded/uploaded.component.html
index f21c75ec5c5..fe982913ac0 100644
--- a/src/app/client/src/app/modules/workspace/components/uploaded/uploaded.component.html
+++ b/src/app/client/src/app/modules/workspace/components/uploaded/uploaded.component.html
@@ -34,7 +34,7 @@
   
   <ng-template let-context let-modal="modal" #modalTemplate>
     <div class="sb-modal sb-error">
-      <div class="ui modal visible active small">
+      <div class="ui modal visible active small" style="margin: 0rem auto 0 auto;">
         <i class="icon close" (click)="modal.deny('denied')" tabindex="0"></i>
   
         <!--Header-->