From 22f859238d3be5b57f1037a86ff183a8cf393537 Mon Sep 17 00:00:00 2001
From: "Matthew Riley MacPherson (tofumatt)" <hi@tofumatt.com>
Date: Tue, 2 Aug 2022 23:58:47 +0100
Subject: [PATCH] Convert "Manual" button to a heading and paragraph.

---
 .../components/common/PositionRadio.js                 | 10 +---------
 .../_googlesitekit-twg-position-radio.scss             |  9 +++++++++
 2 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/assets/js/modules/thank-with-google/components/common/PositionRadio.js b/assets/js/modules/thank-with-google/components/common/PositionRadio.js
index ba5d8e06f9c..ada3d928e25 100644
--- a/assets/js/modules/thank-with-google/components/common/PositionRadio.js
+++ b/assets/js/modules/thank-with-google/components/common/PositionRadio.js
@@ -70,15 +70,7 @@ export default function PositionRadio() {
 				</p>
 			</div>
 			<div className="googlesitekit-twg-position-radio__option">
-				<Radio
-					id="button-placement-manual"
-					name="button-placement"
-					value=""
-					readonly
-					disabled
-				>
-					{ __( 'Manual', 'google-site-kit' ) }
-				</Radio>
+				<h5>{ __( 'Manual', 'google-site-kit' ) }</h5>
 				<p>
 					{ __(
 						'Choose where you want to display Thank with Google on the page',
diff --git a/assets/sass/components/thank-with-google/_googlesitekit-twg-position-radio.scss b/assets/sass/components/thank-with-google/_googlesitekit-twg-position-radio.scss
index cf27cd805d7..f5c173f338b 100644
--- a/assets/sass/components/thank-with-google/_googlesitekit-twg-position-radio.scss
+++ b/assets/sass/components/thank-with-google/_googlesitekit-twg-position-radio.scss
@@ -46,6 +46,15 @@
 			}
 		}
 
+		h5 {
+			font-family: $f-primary;
+			font-size: 0.875rem;
+			font-weight: 400;
+			letter-spacing: $ls-m;
+			margin: 26px 0 10px 34px;
+			padding: 0 0 1px;
+		}
+
 		p {
 			color: $c-surfaces-on-surface-variant;
 			font-size: 0.75rem;