diff --git a/web/app/(app)/dashboard/(components)/api-keys.tsx b/web/app/(app)/dashboard/(components)/api-keys.tsx
index 3351426..536ddb9 100644
--- a/web/app/(app)/dashboard/(components)/api-keys.tsx
+++ b/web/app/(app)/dashboard/(components)/api-keys.tsx
@@ -169,7 +169,7 @@ export default function ApiKeys() {
             )}
 
             {apiKeys?.data?.map((apiKey) => (
-              <Card key={apiKey.id} className='border-0 shadow-none'>
+              <Card key={apiKey._id} className='border-0 shadow-none'>
                 <CardContent className='flex items-center p-3'>
                   <Key className='h-6 w-6 mr-3' />
                   <div className='flex-1'>
diff --git a/web/app/(app)/dashboard/(components)/device-list.tsx b/web/app/(app)/dashboard/(components)/device-list.tsx
index 0dccb8e..321fdc6 100644
--- a/web/app/(app)/dashboard/(components)/device-list.tsx
+++ b/web/app/(app)/dashboard/(components)/device-list.tsx
@@ -77,7 +77,7 @@ export default function DeviceList() {
             )}
 
             {devices?.data?.map((device) => (
-              <Card key={device.id} className='border-0 shadow-none'>
+              <Card key={device._id} className='border-0 shadow-none'>
                 <CardContent className='flex items-center p-3'>
                   <Smartphone className='h-6 w-6 mr-3' />
                   <div className='flex-1'>