Fix fraud settings modal styles causing prompt for review modal UI bugs. (#10557)

Author: Jinksi

changelog/fix-10556-scope-fraud-settings-modal-styles

@@ -0,0 +1,5 @@
+Significance: patch
+Type: dev
+Comment: Insignificant refactor of fraud settings modal CSS to limit global styles affecting merchant feedback prompt
+
+

client/settings/fraud-protection/style.scss

@@ -251,52 +251,54 @@
 	}
 }
 
-.components-modal__header {
-	border-bottom: 1px solid #ddd;
-}
+.fraud-protection-level-modal {
+	.components-modal__header {
+		border-bottom: 1px solid #ddd;
+	}
 
-.components-modal__body--fraud-protection {
-	padding-top: 24px;
+	.components-modal__body--fraud-protection {
+		padding-top: 24px;
 
-	ul {
-		list-style-type: disc;
-		margin-left: 24px;
+		ul {
+			list-style-type: disc;
+			margin-left: 24px;
+		}
 	}
-}
 
-.component-modal__text {
-	&--blocked {
-		color: #b32d2e;
-	}
-	&--review {
-		color: #996800;
+	.component-modal__text {
+		&--blocked {
+			color: #b32d2e;
+		}
+		&--review {
+			color: #996800;
+		}
 	}
-}
 
-.component-modal__button {
-	&--confirm {
-		display: block;
-		margin-left: auto;
+	.component-modal__button {
+		&--confirm {
+			display: block;
+			margin-left: auto;
+		}
 	}
-}
 
-.component-notice--is-info {
-	margin-left: 0;
-	margin-right: 0;
-	margin-bottom: 1em;
-	background-color: #f0f6fc;
-	border-left: none;
-}
+	.component-notice--is-info {
+		margin-left: 0;
+		margin-right: 0;
+		margin-bottom: 1em;
+		background-color: #f0f6fc;
+		border-left: none;
+	}
 
-.component-notice__icon {
-	margin-right: 10px;
-	align-self: center;
-}
+	.component-notice__icon {
+		margin-right: 10px;
+		align-self: center;
+	}
 
-.component-notice__content--flex {
-	display: flex;
-	flex-direction: row;
-	align-items: flex-start;
+	.component-notice__content--flex {
+		display: flex;
+		flex-direction: row;
+		align-items: flex-start;
+	}
 }
 
 #fraud-protection-welcome-tour-first-step {