diff --git a/src/Components/PatientForm/FamilyFormSection2.tsx b/src/Components/PatientForm/FamilyFormSection2.tsx
index b73a92d..aad2239 100644
--- a/src/Components/PatientForm/FamilyFormSection2.tsx
+++ b/src/Components/PatientForm/FamilyFormSection2.tsx
@@ -102,7 +102,7 @@ export default function FamilyFormSection({handleFormSection2Data,patientDataDip
            
             <Grid item xs={4} className='collapsable-form-style '></Grid>
             <Grid item 
-            xs={2}
+            xs={12}
             xl={3}
             lg={4}
             md={6}
@@ -126,7 +126,7 @@ export default function FamilyFormSection({handleFormSection2Data,patientDataDip
                 />
             </Grid>
             <Grid item 
-            xs={2}
+            xs={12}
             xl={3}
             lg={4}
             md={6}
@@ -150,7 +150,7 @@ export default function FamilyFormSection({handleFormSection2Data,patientDataDip
                
             </Grid>
             <Grid item 
-            xs={2}
+            xs={12}
             xl={3}
             lg={4}
             md={6}
@@ -174,7 +174,7 @@ export default function FamilyFormSection({handleFormSection2Data,patientDataDip
                  
             </Grid>
             <Grid
-            xs={2}
+            xs={12}
             xl={3}
             lg={4}
             md={6}
@@ -196,7 +196,7 @@ export default function FamilyFormSection({handleFormSection2Data,patientDataDip
                 />
             </Grid>
             <Grid item 
-            xs={2}
+            xs={12}
             xl={3}
             lg={4}
             md={6}
@@ -220,7 +220,7 @@ export default function FamilyFormSection({handleFormSection2Data,patientDataDip
             </Grid>
 
             <Grid item 
-            xs={2}
+            xs={12}
             xl={3}
             lg={4}
             md={6}
@@ -232,7 +232,7 @@ export default function FamilyFormSection({handleFormSection2Data,patientDataDip
             </Grid>
 
             <Grid item 
-            xs={2}
+            xs={12}
             xl={3}
             lg={4}
             md={6}
@@ -253,7 +253,7 @@ export default function FamilyFormSection({handleFormSection2Data,patientDataDip
                  />
             </Grid>
             <Grid item 
-            xs={2}
+            xs={12}
             xl={3}
             lg={4}
             md={6}
@@ -275,7 +275,7 @@ export default function FamilyFormSection({handleFormSection2Data,patientDataDip
                  />
             </Grid>
             <Grid item 
-            xs={2}
+            xs={12}
             xl={3}
             lg={4}
             md={6}
@@ -304,7 +304,7 @@ export default function FamilyFormSection({handleFormSection2Data,patientDataDip
            
 
             <Grid item 
-            xs={2}
+            xs={12}
             xl={3}
             lg={4}
             md={6}
@@ -326,7 +326,7 @@ export default function FamilyFormSection({handleFormSection2Data,patientDataDip
                    />
             </Grid>
             <Grid item 
-            xs={2}
+            xs={12}
             xl={3}
             lg={4}
             md={6}
@@ -348,7 +348,7 @@ export default function FamilyFormSection({handleFormSection2Data,patientDataDip
                     />
             </Grid>
             <Grid item 
-            xs={2}
+            xs={12}
             xl={3}
             lg={4}
             md={6}
diff --git a/src/Components/PatientForm/MedicalHistorySection3.tsx b/src/Components/PatientForm/MedicalHistorySection3.tsx
index 4d3c81a..67df552 100644
--- a/src/Components/PatientForm/MedicalHistorySection3.tsx
+++ b/src/Components/PatientForm/MedicalHistorySection3.tsx
@@ -77,7 +77,7 @@ export default function MedicalHistoryForm({handleFormSection3Data,patientDataDi
 
         <Grid container direction="row">
             <Grid item 
-            xs={2}
+            xs={12}
             xl={3}
             lg={4}
             md={6}
@@ -98,7 +98,7 @@ export default function MedicalHistoryForm({handleFormSection3Data,patientDataDi
                 />
             </Grid>
             <Grid item 
-            xs={2}
+            xs={12}
             xl={3}
             lg={4}
             md={6}
@@ -119,7 +119,7 @@ export default function MedicalHistoryForm({handleFormSection3Data,patientDataDi
                 />
             </Grid>
             <Grid item 
-            xs={2}
+            xs={12}
             xl={3}
             lg={4}
             md={6}
@@ -140,7 +140,7 @@ export default function MedicalHistoryForm({handleFormSection3Data,patientDataDi
                  />
             </Grid>
             <Grid item 
-            xs={2}
+            xs={12}
             xl={3}
             lg={4}
             md={6}
@@ -163,13 +163,13 @@ export default function MedicalHistoryForm({handleFormSection3Data,patientDataDi
             </Grid>
             
             <Grid item 
-            xs={2}
+            xs={12}
             xl={3}
             lg={4}
             md={6}
             sm={12} className='collapsable-form-style'></Grid>
             <Grid item 
-            xs={2}
+            xs={12}
             xl={3}
             lg={4}
             md={6}
@@ -180,7 +180,7 @@ export default function MedicalHistoryForm({handleFormSection3Data,patientDataDi
             </Grid>
 
             <Grid item 
-            xs={2}
+            xs={12}
             xl={3}
             lg={4}
             md={6}
@@ -207,7 +207,7 @@ export default function MedicalHistoryForm({handleFormSection3Data,patientDataDi
             </Grid>
 
             <Grid item 
-            xs={2}
+            xs={12}
             xl={3}
             lg={4}
             md={6}
@@ -229,7 +229,7 @@ export default function MedicalHistoryForm({handleFormSection3Data,patientDataDi
             </Grid>
 
             <Grid item 
-            xs={2}
+            xs={12}
             xl={3}
             lg={4}
             md={6}
diff --git a/src/Components/PatientForm/PastTreatment5.tsx b/src/Components/PatientForm/PastTreatment5.tsx
index d2dfb01..b5fc217 100644
--- a/src/Components/PatientForm/PastTreatment5.tsx
+++ b/src/Components/PatientForm/PastTreatment5.tsx
@@ -122,7 +122,7 @@ export default function PastTreatment5({handleFormSection5Data,patientDataDiplay
           
         
           <Grid item 
-          xs={2}
+          xs={12}
           xl={3}
           lg={4}
           md={6}
@@ -141,7 +141,7 @@ export default function PastTreatment5({handleFormSection5Data,patientDataDiplay
                 />
             </Grid>
             <Grid item 
-            xs={2}
+            xs={12}
           xl={3}
           lg={4}
           md={6}
@@ -161,7 +161,7 @@ export default function PastTreatment5({handleFormSection5Data,patientDataDiplay
                 />
             </Grid>
             <Grid item 
-            xs={2}
+            xs={12}
           xl={3}
           lg={4}
           md={6}
@@ -302,7 +302,7 @@ export default function PastTreatment5({handleFormSection5Data,patientDataDiplay
                 type={type}/>
           </Grid>
 
-          <Grid item xs={2}
+          <Grid item xs={12}
           xl={3}
           lg={4}
           md={6}
diff --git a/src/Components/PatientForm/PersonalSection1.tsx b/src/Components/PatientForm/PersonalSection1.tsx
index 4681b2d..c4c4f28 100644
--- a/src/Components/PatientForm/PersonalSection1.tsx
+++ b/src/Components/PatientForm/PersonalSection1.tsx
@@ -96,7 +96,7 @@ export default function PersonalSection({
       <Grid container direction='row' className='section1-test-class'>
         <Grid
           item
-          xs={2}
+          xs={12}
           xl={3}
           lg={4}
           md={6}
@@ -139,7 +139,7 @@ export default function PersonalSection({
 
         <Grid
           item
-          xs={2}
+          xs={12}
           xl={3}
           lg={4}
           md={6}
@@ -189,7 +189,7 @@ export default function PersonalSection({
 
         <Grid
           item
-          xs={2}
+          xs={12}
           xl={3}
           lg={4}
           md={6}
@@ -221,7 +221,7 @@ export default function PersonalSection({
 
         <Grid
           item
-          xs={2}
+          xs={12}
           xl={3}
           lg={4}
           md={6}
@@ -263,7 +263,7 @@ export default function PersonalSection({
         </Grid>
         <Grid
           item
-          xs={2}
+          xs={12}
           xl={3}
           lg={4}
           md={6}
@@ -305,7 +305,7 @@ export default function PersonalSection({
 
         <Grid
           item
-          xs={2}
+          xs={12}
           xl={3}
           lg={4}
           md={6}
@@ -335,7 +335,7 @@ export default function PersonalSection({
 
         <Grid
           item
-          xs={2}
+          xs={12}
           xl={3}
           lg={4}
           md={6}
@@ -366,7 +366,7 @@ export default function PersonalSection({
 
         <Grid
           item
-          xs={2}
+          xs={12}
           xl={3}
           lg={4}
           md={6}
@@ -414,7 +414,7 @@ export default function PersonalSection({
 
         <Grid
           item
-          xs={2}
+          xs={12}
           xl={3}
           lg={4}
           md={6}
@@ -438,7 +438,7 @@ export default function PersonalSection({
 
         <Grid
           item
-          xs={2}
+          xs={12}
           xl={3}
           lg={4}
           md={6}
@@ -462,7 +462,7 @@ export default function PersonalSection({
 
         <Grid
           item
-          xs={2}
+          xs={12}
           xl={3}
           lg={4}
           md={6}
@@ -491,7 +491,7 @@ export default function PersonalSection({
 
         <Grid
           item
-          xs={2}
+          xs={12}
           xl={3}
           lg={4}
           md={6}
diff --git a/src/Components/PatientForm/RecreationalHobbiesSection7.tsx b/src/Components/PatientForm/RecreationalHobbiesSection7.tsx
index 44a60e1..f57278f 100644
--- a/src/Components/PatientForm/RecreationalHobbiesSection7.tsx
+++ b/src/Components/PatientForm/RecreationalHobbiesSection7.tsx
@@ -136,7 +136,7 @@ export default function RecreationalHobbiesSection7({handleFormSection7Data,pati
               </FormControl>
           </Grid>
 
-          <Grid item xs={2}
+          <Grid item xs={12}
           xl={3}
           // lg={4}
           md={6}
@@ -160,7 +160,7 @@ export default function RecreationalHobbiesSection7({handleFormSection7Data,pati
               </FormControl>
           </Grid>
 
-          <Grid item xs={2}
+          <Grid item xs={12}
           xl={3}
           // lg={4}
           md={6}
@@ -180,7 +180,7 @@ export default function RecreationalHobbiesSection7({handleFormSection7Data,pati
                 />
             </Grid>
 
-          <Grid item xs={2}
+          <Grid item xs={12}
           xl={3}
           // lg={4}
           md={6}
@@ -204,7 +204,7 @@ export default function RecreationalHobbiesSection7({handleFormSection7Data,pati
               </FormControl>
           </Grid>
 
-          <Grid item xs={2}
+          <Grid item xs={12}
           xl={3}
           // lg={4}
           md={6}
@@ -224,7 +224,7 @@ export default function RecreationalHobbiesSection7({handleFormSection7Data,pati
                 />
             </Grid>
 
-          <Grid item xs={2}
+          <Grid item xs={12}
           xl={3}
           // lg={4}
           md={6}
@@ -248,7 +248,7 @@ export default function RecreationalHobbiesSection7({handleFormSection7Data,pati
               </FormControl>
           </Grid>
 
-          <Grid item xs={2}
+          <Grid item xs={12}
           xl={3}
           // lg={4}
           md={6}
@@ -268,7 +268,7 @@ export default function RecreationalHobbiesSection7({handleFormSection7Data,pati
                 />
             </Grid>
 
-          <Grid item xs={2}
+          <Grid item xs={12}
           xl={3}
           // lg={4}
           md={6}
@@ -292,7 +292,7 @@ export default function RecreationalHobbiesSection7({handleFormSection7Data,pati
               </FormControl>
           </Grid>
 
-          <Grid item xs={2}
+          <Grid item xs={12}
           xl={3}
           // lg={4}
           md={6}
@@ -312,7 +312,7 @@ export default function RecreationalHobbiesSection7({handleFormSection7Data,pati
                 />
           </Grid>
 
-          <Grid item xs={2}
+          <Grid item xs={12}
           xl={3}
           // lg={4}
           md={6}
@@ -336,7 +336,7 @@ export default function RecreationalHobbiesSection7({handleFormSection7Data,pati
               </FormControl>
           </Grid>
 
-          <Grid item xs={2}
+          <Grid item xs={12}
           xl={3}
           // lg={4}
           md={6}
@@ -356,7 +356,7 @@ export default function RecreationalHobbiesSection7({handleFormSection7Data,pati
                 />
           </Grid>
 
-          <Grid item xs={2}
+          <Grid item xs={12}
           xl={3}
           // lg={4}
           md={6}
@@ -380,7 +380,7 @@ export default function RecreationalHobbiesSection7({handleFormSection7Data,pati
               </FormControl>
           </Grid>
 
-          <Grid item xs={2}
+          <Grid item xs={12}
           xl={3}
           // lg={4}
           md={6}
@@ -400,7 +400,7 @@ export default function RecreationalHobbiesSection7({handleFormSection7Data,pati
                 />
           </Grid>
 
-          <Grid item xs={2}
+          <Grid item xs={12}
           xl={3}
           // lg={4}
           md={6}
@@ -424,7 +424,7 @@ export default function RecreationalHobbiesSection7({handleFormSection7Data,pati
               </FormControl>
           </Grid>
 
-          <Grid item xs={2}
+          <Grid item xs={12}
           xl={3}
           // lg={4}
           md={6}
@@ -444,7 +444,7 @@ export default function RecreationalHobbiesSection7({handleFormSection7Data,pati
                 />
           </Grid>
 
-          <Grid item xs={2}
+          <Grid item xs={12}
           xl={3}
           // lg={4}
           md={6}
@@ -468,7 +468,7 @@ export default function RecreationalHobbiesSection7({handleFormSection7Data,pati
               </FormControl>
           </Grid>
 
-          <Grid item xs={2}
+          <Grid item xs={12}
           xl={3}
           // lg={4}
           md={6}
diff --git a/src/Components/PatientForm/SyestemReviewSection6.tsx b/src/Components/PatientForm/SyestemReviewSection6.tsx
index d2e71c3..f97df7b 100644
--- a/src/Components/PatientForm/SyestemReviewSection6.tsx
+++ b/src/Components/PatientForm/SyestemReviewSection6.tsx
@@ -93,7 +93,7 @@ export default function SystemReviewSection6({handleFormSection6Data,patientData
             <FormLabel sx={{fontWeight:600}}>Please choose body areas or systems where you may have problems:</FormLabel>
         </Grid>
         <Grid container direction="row">
-        <Grid item xs={2}
+        <Grid item xs={12}
           xl={3}
           lg={4}
           md={6}
@@ -116,7 +116,7 @@ export default function SystemReviewSection6({handleFormSection6Data,patientData
                     </RadioGroup>
               </FormControl>
           </Grid>
-          <Grid item xs={2}
+          <Grid item xs={12}
           xl={3}
           lg={4}
           md={6}
@@ -139,7 +139,7 @@ export default function SystemReviewSection6({handleFormSection6Data,patientData
                     </RadioGroup>
               </FormControl>
           </Grid>
-          <Grid item xs={2}
+          <Grid item xs={12}
           xl={3}
           lg={4}
           md={6}
@@ -162,7 +162,7 @@ export default function SystemReviewSection6({handleFormSection6Data,patientData
                     </RadioGroup>
               </FormControl>
           </Grid>
-          <Grid item xs={2}
+          <Grid item xs={12}
           xl={3}
           lg={4}
           md={6}
@@ -185,7 +185,7 @@ export default function SystemReviewSection6({handleFormSection6Data,patientData
                     </RadioGroup>
               </FormControl>
           </Grid>
-          <Grid item xs={2}
+          <Grid item xs={12}
           xl={3}
           lg={4}
           md={6}
@@ -208,7 +208,7 @@ export default function SystemReviewSection6({handleFormSection6Data,patientData
                     </RadioGroup>
               </FormControl>
           </Grid>
-          <Grid item xs={2}
+          <Grid item xs={12}
           xl={3}
           lg={4}
           md={6}
@@ -231,7 +231,7 @@ export default function SystemReviewSection6({handleFormSection6Data,patientData
                     </RadioGroup>
               </FormControl>
           </Grid>
-          <Grid item xs={2}
+          <Grid item xs={12}
           xl={3}
           lg={4}
           md={6}
@@ -254,7 +254,7 @@ export default function SystemReviewSection6({handleFormSection6Data,patientData
                     </RadioGroup>
               </FormControl>
           </Grid>
-          <Grid item xs={2}
+          <Grid item xs={12}
           xl={3}
           lg={4}
           md={6}
@@ -277,7 +277,7 @@ export default function SystemReviewSection6({handleFormSection6Data,patientData
                     </RadioGroup>
               </FormControl>
           </Grid>
-          <Grid item xs={2}
+          <Grid item xs={12}
           xl={3}
           lg={4}
           md={6}
@@ -300,7 +300,7 @@ export default function SystemReviewSection6({handleFormSection6Data,patientData
                     </RadioGroup>
               </FormControl>
           </Grid>
-          <Grid item xs={2}
+          <Grid item xs={12}
           xl={3}
           lg={4}
           md={6}
@@ -323,7 +323,7 @@ export default function SystemReviewSection6({handleFormSection6Data,patientData
                     </RadioGroup>
               </FormControl>
           </Grid>
-          <Grid item xs={2}
+          <Grid item xs={12}
           xl={3}
           lg={4}
           md={6}
@@ -346,7 +346,7 @@ export default function SystemReviewSection6({handleFormSection6Data,patientData
                     </RadioGroup>
               </FormControl>
           </Grid>
-          <Grid item xs={2}
+          <Grid item xs={12}
           xl={3}
           lg={4}
           md={6}
@@ -370,7 +370,7 @@ export default function SystemReviewSection6({handleFormSection6Data,patientData
               </FormControl>
           </Grid>
 
-          <Grid item xs={2}
+          <Grid item xs={12}
           xl={3}
           lg={4}
           md={6}
@@ -393,7 +393,7 @@ export default function SystemReviewSection6({handleFormSection6Data,patientData
                     </RadioGroup>
               </FormControl>
           </Grid>
-          <Grid item xs={2}
+          <Grid item xs={12}
           xl={3}
           lg={4}
           md={6}
@@ -416,7 +416,7 @@ export default function SystemReviewSection6({handleFormSection6Data,patientData
                     </RadioGroup>
               </FormControl>
           </Grid>
-          <Grid item xs={2}
+          <Grid item xs={12}
           xl={3}
           lg={4}
           md={6}
@@ -439,7 +439,7 @@ export default function SystemReviewSection6({handleFormSection6Data,patientData
                     </RadioGroup>
               </FormControl>
           </Grid>
-          <Grid item xs={2}
+          <Grid item xs={12}
           xl={3}
           lg={4}
           md={6}