Notice: set flex-shrink to 0 on notice icon to prevent distortion.

Also removes margins from core component.

client/components/domains/domain-suggestion/style.scss

@@ -31,6 +31,10 @@
 		margin: 8px 0 0 0;
 	}
 
+	.notice.is-compact {
+		margin: 0 0 0 8px;
+	}
+
 	.notice__icon {
 		display: none;
 	}

client/components/notice/style.scss

@@ -158,10 +158,11 @@
 	display: inline-flex;
 	flex-wrap: nowrap;
 	min-height: 20px;
-	margin: 8px;
+	margin: 0;
 	padding: 0;
 	text-decoration: none;
 	text-transform: none;
+	vertical-align: middle;
 
 	.notice__text {
 		font-size: 12px;
@@ -171,6 +172,7 @@
 
 	.notice__icon {
 		align-self: center;
+		flex-shrink: 0;
 		padding: 0 0 0 8px;
 		width: 14px;
 		height: 14px;

client/my-sites/current-site/style.scss

@@ -142,3 +142,7 @@
 		content: '\f429';
 	}
 }
+
+.current-site .notice {
+	margin: 0 8px 8px;
+}