diff --git a/src/Components/Patient/PatientRegister.tsx b/src/Components/Patient/PatientRegister.tsx
index 9fd923e58f2..b3043005712 100644
--- a/src/Components/Patient/PatientRegister.tsx
+++ b/src/Components/Patient/PatientRegister.tsx
@@ -862,7 +862,7 @@ export const PatientRegister = (props: PatientRegisterProps) => {
     const checkboxField = `medical_history_check_${id}`;
     const textField = `medical_history_${id}`;
     return (
-      <div key={textField}>
+      <div key={textField} className="w-full md:w-auto">
         <div>
           <CheckBoxFormField
             value={(field("medical_history").value ?? []).includes(id)}
@@ -872,7 +872,7 @@ export const PatientRegister = (props: PatientRegisterProps) => {
           />
         </div>
         {id !== 1 && (field("medical_history").value ?? []).includes(id) && (
-          <div className="mx-4">
+          <div className="mx-4 flex flex-col">
             <TextAreaFormField
               {...field(textField)}
               placeholder="Details"