diff --git a/frontend/client/src/screens/CodeValidations.js b/frontend/client/src/screens/CodeValidations.js
index a2452fed..6e2c9376 100644
--- a/frontend/client/src/screens/CodeValidations.js
+++ b/frontend/client/src/screens/CodeValidations.js
@@ -130,27 +130,48 @@ const CodeValidationsBase = observer((props) => {
         </div>
         <form id="radio-form" className="col-2">
           <div className="radio">
-            <input className="radio-input" name="testType" type="radio" onClick={handleRadio} value="confirmed"></input>
-            <div className="col-2-header-container">
+            <input
+              className="radio-input"
+              name="testType"
+              type="radio"
+              onClick={handleRadio}
+              id="confirmed"
+              value="confirmed"
+            ></input>
+            <label htmlFor="confirmed" className="col-2-header-container">
               <div className="col-2-header">Confirmed Positive Test</div>
               <div className="col-2-sub-header">Confirmed positive result from an official testing source.</div>
-            </div>
+            </label>
           </div>
 
           <div className="radio">
-            <input className="radio-input" name="testType" type="radio" onClick={handleRadio} value="likely"></input>
-            <div className="col-2-header-container">
+            <input
+              className="radio-input"
+              name="testType"
+              type="radio"
+              onClick={handleRadio}
+              id="likely"
+              value="likely"
+            ></input>
+            <label htmlFor="likely" className="col-2-header-container">
               <div className="col-2-header">Likely Positive Diagnosis</div>
               <div className="col-2-sub-header">Clincial diagnosis without a test.</div>
-            </div>
+            </label>
           </div>
 
           <div className="radio">
-            <input className="radio-input" name="testType" type="radio" onClick={handleRadio} value="negative"></input>
-            <div className="col-2-header-container">
+            <input
+              className="radio-input"
+              name="testType"
+              type="radio"
+              onClick={handleRadio}
+              id="negative"
+              value="negative"
+            ></input>
+            <label htmlFor="negative" className="col-2-header-container">
               <div className="col-2-header">Confirmed Negative Test</div>
               <div className="col-2-sub-header">Confirmed negative result from an official testing source.</div>
-            </div>
+            </label>
           </div>
         </form>
       </div>
diff --git a/frontend/client/styles/screens/code_validations.scss b/frontend/client/styles/screens/code_validations.scss
index b6b2324d..d9b54c10 100644
--- a/frontend/client/styles/screens/code_validations.scss
+++ b/frontend/client/styles/screens/code_validations.scss
@@ -80,9 +80,12 @@
       }
 
       .radio {
+        :hover {
+          cursor: pointer;
+        }
         display: flex;
         margin-bottom: 20px;
-        
+
         .col-2-header {
           font-weight: 600;
           font-size: 16px;
@@ -92,6 +95,7 @@
 
         .col-2-sub-header {
           color: $darkMediumGray;
+          font-size: 14px;
         }
       }
 
@@ -164,7 +168,7 @@
       margin-bottom: 40px;
 
       @include media('>phone') {
-      // ensures all the text fits in one line
+        // ensures all the text fits in one line
         width: 620px;
         flex-direction: row;
       }