diff --git a/src/app/(panels)/suite/doctor/patients/page.jsx b/src/app/(panels)/suite/doctor/patients/page.jsx
index 202f8fa..1912cdc 100644
--- a/src/app/(panels)/suite/doctor/patients/page.jsx
+++ b/src/app/(panels)/suite/doctor/patients/page.jsx
@@ -7,13 +7,11 @@ import { useRouter } from "next/navigation";
 
 import axios from "axios";
 import { useUser } from "@clerk/nextjs";
-import { CardContent } from "@/components/ui/card";
 
 import { Button } from "@/components/ui/button";
 import { ChevronDown } from "lucide-react";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "@/components/ui/collapsible";
 import { PersonForm } from "./PatientForm";
-import { Card } from "@/components/ui/card";
 
 import { faker } from "@faker-js/faker";
 
@@ -72,32 +70,28 @@ export default function PatientsDOC() {
         <div className="container mx-auto">
             <h1 className="text-3xl font-semibold mb-6">Patients</h1>
             <div className="h-20 w-full">
-                {userData && userData.role === 'caregiver' && (
-                    <div className="space-y-4 grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4">
-                        <div className="mb-4">
-                            {finalPatients.map(patient => (
-                                <Collapsible key={patient.id}>
-                                    <div className="flex items-center justify-between p-2 bg-gray-100 dark:bg-neutral-800 rounded-t-lg">
-                                        <div>
-                                            <h2 className="text-lg font-semibold">{patient.name}</h2>
-                                            <p className="text-sm text-gray-500 dark:text-neutral-400">Age: {patient.age}</p>
-                                            <p className="text-sm text-gray-500 dark:text-neutral-400">Last Checkup: {new Date(patient.lastCheckup).toLocaleDateString()}</p>
-                                        </div>
-                                        <CollapsibleTrigger asChild>
-                                            <Button variant="ghost" size="sm">
-                                                <ChevronDown className="h-4 w-4" />
-                                                <span className="sr-only">Toggle</span>
-                                            </Button>
-                                        </CollapsibleTrigger>
-                                    </div>
-                                    <CollapsibleContent className="p-4 border border-t-0 rounded-b-lg">
-                                        <PersonForm person={patient} />
-                                    </CollapsibleContent>
-                                </Collapsible>
-                            ))}
-                        </div>
-                    </div>
-                )}
+                <div className="space-y-4 grid grid-cols-2 gap-6">
+                    {finalPatients.map(patient => (
+                        <Collapsible key={patient.id}>
+                            <div className="flex items-center justify-between p-2 bg-gray-300 dark:bg-neutral-800 rounded-t-lg">
+                                <div>
+                                    <h2 className="text-lg font-semibold">{patient.name}</h2>
+                                    <p className="text-sm text-gray-500 dark:text-neutral-400">Age: {patient.age}</p>
+                                    <p className="text-sm text-gray-500 dark:text-neutral-400">Last Checkup: {new Date(patient.lastCheckup).toLocaleDateString()}</p>
+                                </div>
+                                <CollapsibleTrigger asChild>
+                                    <Button variant="ghost" size="sm">
+                                        <ChevronDown className="h-4 w-4" />
+                                        <span className="sr-only">Toggle</span>
+                                    </Button>
+                                </CollapsibleTrigger>
+                            </div>
+                            <CollapsibleContent className="p-4 border border-t-0 rounded-b-lg">
+                                <PersonForm person={patient} />
+                            </CollapsibleContent>
+                        </Collapsible>
+                    ))}
+                </div>
             </div>
         </div>
     )