diff --git a/modules/ppcp-settings/resources/css/components/screens/_modals.scss b/modules/ppcp-settings/resources/css/components/screens/_modals.scss
index fee98d538..5dbdf7652 100644
--- a/modules/ppcp-settings/resources/css/components/screens/_modals.scss
+++ b/modules/ppcp-settings/resources/css/components/screens/_modals.scss
@@ -2,12 +2,18 @@
  * Modal for disconnecting the merchant from the current PayPal account.
  */
 .ppcp--modal-disconnect {
-	.ppcp--toggle-danger {
-		--wp-components-color-accent: #cc1818
+	.ppcp--toggle-danger .components-form-toggle {
+		&.is-checked {
+			--wp-components-color-accent: #cc1818;
+		}
 	}
 
 	.ppcp--action-buttons {
 		text-align: right;
 		margin-top: 32px;
+
+		.components-button {
+			transition: background 0.3s;
+		}
 	}
 }
diff --git a/modules/ppcp-settings/resources/js/Components/Screens/Settings/Components/Settings/Parts/DisconnectButton.js b/modules/ppcp-settings/resources/js/Components/Screens/Settings/Components/Settings/Parts/DisconnectButton.js
index 8e5fbe9d6..48fd6c226 100644
--- a/modules/ppcp-settings/resources/js/Components/Screens/Settings/Components/Settings/Parts/DisconnectButton.js
+++ b/modules/ppcp-settings/resources/js/Components/Screens/Settings/Components/Settings/Parts/DisconnectButton.js
@@ -78,7 +78,7 @@ const DisconnectButton = () => {
 						</Button>
 						<Button
 							variant="primary"
-							isDestructive={ true }
+							isDestructive={ resetFlag }
 							onClick={ handleConfirm }
 						>
 							{ __(