diff --git a/packages/client/src/pages/PortalSettings/categories/data-management/backup/StyledBackup.js b/packages/client/src/pages/PortalSettings/categories/data-management/backup/StyledBackup.js
index 32bfa2fb91..ac5677300a 100644
--- a/packages/client/src/pages/PortalSettings/categories/data-management/backup/StyledBackup.js
+++ b/packages/client/src/pages/PortalSettings/categories/data-management/backup/StyledBackup.js
@@ -29,7 +29,6 @@ const commonStyles = css`
   }
   .radio-button_text {
     margin-right: 7px;
-    margin-left: 4px;
     font-size: 13px;
     font-weight: 600;
   }
@@ -185,7 +184,7 @@ const StyledRestoreBackup = styled.div`
     margin-top: 24px;
     margin-bottom: 8px;
     font-size: 16px;
-    color: #f21c0e;
+    color: ${(props) => props.theme.client.settings.backup.warningColor};
   }
   .restore-backup_warning-link {
     margin: 16px 0 24px 0;
@@ -232,7 +231,7 @@ const StyledModules = styled.div`
   margin-bottom: 24px;
   .backup-description {
     ${(props) => props.isDisabled && `color: #A3A9AE`};
-    margin-left: 29px;
+    margin-left: 25px;
     max-width: 700px;
   }
 `;
diff --git a/packages/components/themes/base.js b/packages/components/themes/base.js
index 8a0848c649..19e3f9d389 100644
--- a/packages/components/themes/base.js
+++ b/packages/components/themes/base.js
@@ -2919,6 +2919,7 @@ const Base = {
       backup: {
         rectangleBackgroundColor: "#f8f9f9",
         separatorBorder: "1px solid #eceef1",
+        warningColor: "#f21c0e",
       },
 
       payment: {
diff --git a/packages/components/themes/dark.js b/packages/components/themes/dark.js
index 1c350eff86..2874e29a05 100644
--- a/packages/components/themes/dark.js
+++ b/packages/components/themes/dark.js
@@ -2921,6 +2921,7 @@ const Dark = {
       backup: {
         rectangleBackgroundColor: "#292929",
         separatorBorder: "1px solid #474747",
+        warningColor: "#E06451",
       },
 
       payment: {