diff --git a/scm-ui/ui-webapp/src/repos/branches/containers/BranchDangerZone.tsx b/scm-ui/ui-webapp/src/repos/branches/containers/BranchDangerZone.tsx
index 9e6c0e167a..6c761a6691 100644
--- a/scm-ui/ui-webapp/src/repos/branches/containers/BranchDangerZone.tsx
+++ b/scm-ui/ui-webapp/src/repos/branches/containers/BranchDangerZone.tsx
@@ -51,7 +51,7 @@ const BranchDangerZone: FC<Props> = ({ repository, branch }) => {
     <>
       <hr />
       <Subtitle subtitle={t("branch.dangerZone")} />
-      <DangerZoneContainer>{dangerZone}</DangerZoneContainer>
+      <DangerZoneContainer className="px-4 py-5">{dangerZone}</DangerZoneContainer>
     </>
   );
 };
diff --git a/scm-ui/ui-webapp/src/repos/tags/container/TagDangerZone.tsx b/scm-ui/ui-webapp/src/repos/tags/container/TagDangerZone.tsx
index 6e3b421939..ec8dd79153 100644
--- a/scm-ui/ui-webapp/src/repos/tags/container/TagDangerZone.tsx
+++ b/scm-ui/ui-webapp/src/repos/tags/container/TagDangerZone.tsx
@@ -51,7 +51,7 @@ const TagDangerZone: FC<Props> = ({ repository, tag }) => {
     <>
       <hr />
       <Subtitle subtitle={t("tag.dangerZone")} />
-      <DangerZoneContainer>{dangerZone}</DangerZoneContainer>
+      <DangerZoneContainer className="px-4 py-5">{dangerZone}</DangerZoneContainer>
     </>
   );
 };