diff --git a/packages/components/src/CardBanner.js b/packages/components/src/CardBanner.js
index 9b5a8c92db..32230e51c3 100644
--- a/packages/components/src/CardBanner.js
+++ b/packages/components/src/CardBanner.js
@@ -7,14 +7,14 @@ import { colors } from "@yoast/style-guide";
 
 const BannerContents = styled.span`
 	position: absolute;
-	
+
 	top: 8px;
 	left: -8px;
-	
+
 	font-weight: 500;
 	color: ${ props => props.textColor };
 	line-height: 16px;
-	
+
 	background-color: ${ props => props.backgroundColor };
 	padding: 8px 16px;
 	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
@@ -22,10 +22,10 @@ const BannerContents = styled.span`
 
 const BannerTriangle = styled.span`
 	position: absolute;
-	
+
 	top: 40px;
 	left: -8px;
-	
+
 	/* This code makes the triangle. */
 	border-top: 8px solid ${ colors.$color_purple_dark };
 	border-left: 8px solid transparent;
diff --git a/packages/components/src/field-group/field-group.css b/packages/components/src/field-group/field-group.css
index 2276213018..7d3e585502 100644
--- a/packages/components/src/field-group/field-group.css
+++ b/packages/components/src/field-group/field-group.css
@@ -5,6 +5,10 @@
     margin: 0 0 24px 0;
 }
 
+.yoast-field-group:last-of-type {
+	margin-bottom: 0;
+}
+
 .yoast-field-group__title {
     display: flex;
     align-items: center;
diff --git a/packages/components/src/toggle/toggle.css b/packages/components/src/toggle/toggle.css
index a5d84d0277..f350d17b74 100644
--- a/packages/components/src/toggle/toggle.css
+++ b/packages/components/src/toggle/toggle.css
@@ -1,23 +1,19 @@
-.yoast-feature {
-	max-width: 600px;
-	margin-right: 150px;
-}
-
 .yoast-toggle__item {
 	display: flex;
 	justify-content: space-between;
-	padding-bottom: 16px;
-	border-bottom: 1px solid var(--yoast-color-border);
-	margin-bottom: 16px;
+	padding-bottom: 8px;
+	margin-bottom: 8px;
 }
 
 .yoast-toggle__item-disabled {
 	position: relative;
 }
 
+.yoast-toggle__item-disabled .yoast-toggle {
+	display: none;
+}
+
 .yoast-toggle__item-disabled .yoast-button.yoast-button--buy {
-	position: absolute;
-	left: 100%;
 	margin-left: 32px;
 	white-space: nowrap;
 }
@@ -29,8 +25,9 @@
 
 .yoast-toggle__item-title {
 	display: flex;
-	font-weight: bold;
+	font-weight: 500;
 	align-items: center;
+	color: var(--yoast-color-default-darker);
 }
 
 input[type=checkbox].yoast-toggle__checkbox {
diff --git a/packages/replacement-variable-editor/src/shared.js b/packages/replacement-variable-editor/src/shared.js
index 6f18cbb14b..d1e9369105 100644
--- a/packages/replacement-variable-editor/src/shared.js
+++ b/packages/replacement-variable-editor/src/shared.js
@@ -54,8 +54,5 @@ export const TriggerReplacementVariableSuggestionsButton = styled( StandardButto
 	font-size: 13px;
 	width: 103px;
 	height: 28px;
-	& svg {
-		${ getDirectionalStyle( "margin-right", "margin-left" ) }: 7px;
-		fill: ${ colors.$color_grey_dark };
-	}
+	border-color: rgba(0, 0, 0, .2);
 `;