diff --git a/assets/admin/pages/PatientDetailPage.test.tsx b/assets/admin/pages/PatientDetailPage.test.tsx
index c27aaf3c..123151f5 100644
--- a/assets/admin/pages/PatientDetailPage.test.tsx
+++ b/assets/admin/pages/PatientDetailPage.test.tsx
@@ -63,6 +63,14 @@ describe('PatientDetailPage (پرونده تب‌دار)', () => {
     expect(screen.getByText('پرونده پزشکی')).toBeInTheDocument();
   });
 
+  it('renders full-width (no boxed max-width wrapper, matching tauri FilesServices)', async () => {
+    const { container } = renderDetail();
+    await loaded();
+    const root = container.querySelector('.fade-in') as HTMLElement;
+    expect(root).toBeTruthy();
+    expect(root.style.maxWidth).toBe('');
+  });
+
   it('renders session (مراجعه) cards on the default services tab', async () => {
     renderDetail();
     await loaded();
diff --git a/assets/admin/pages/PatientDetailPage.tsx b/assets/admin/pages/PatientDetailPage.tsx
index 43eb1f72..57c234f9 100644
--- a/assets/admin/pages/PatientDetailPage.tsx
+++ b/assets/admin/pages/PatientDetailPage.tsx
@@ -115,7 +115,7 @@ export default function PatientDetailPage() {
   });
 
   return (
-    <div className="fade-in" style={{ maxWidth: 1060, margin: '0 auto' }}>
+    <div className="fade-in">
       {/* breadcrumb + patient banner (tauri BreadcrumbHeader + FileServicesHeader) */}
       <Breadcrumb name={record?.user_name || 'پرونده'} backTo="/admin/patients" />
       <PatientCaseBanner