From fe6530b464ea225da115eff670798d13427a2d1c Mon Sep 17 00:00:00 2001
From: Usman Baig <mubaig@pm.me>
Date: Mon, 9 Feb 2026 15:13:12 +0100
Subject: [PATCH] fix: wrap invoice mapping in fragment to ensure proper
 rendering in OrganizationSettings component

---
 components/settings/OrganizationSettings.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/components/settings/OrganizationSettings.tsx b/components/settings/OrganizationSettings.tsx
index d2e1889..70d613d 100644
--- a/components/settings/OrganizationSettings.tsx
+++ b/components/settings/OrganizationSettings.tsx
@@ -871,8 +871,9 @@ export default function OrganizationSettings() {
                         ) : invoices.length === 0 ? (
                           <div className="p-8 text-center text-neutral-500">No invoices found.</div>
                         ) : (
-                          {invoices.map((invoice) => (
-                            <div key={invoice.id} className="px-4 py-3 flex items-center justify-between hover:bg-neutral-50 dark:hover:bg-neutral-800/50 transition-colors">
+                          <>
+                            {invoices.map((invoice) => (
+                              <div key={invoice.id} className="px-4 py-3 flex items-center justify-between hover:bg-neutral-50 dark:hover:bg-neutral-800/50 transition-colors">
                                 <div className="flex items-center gap-3">
                                   <div>
                                     <span className="font-medium text-sm text-neutral-900 dark:text-white">
@@ -908,7 +909,8 @@ export default function OrganizationSettings() {
                                 </div>
                               </div>
                             ))}
-                          )
+                          </>
+                        )
                         }
                         </div>
                       </div>