diff --git a/frontend/pages/createDocument/serialInvoice.vue b/frontend/pages/createDocument/serialInvoice.vue
index 8cfd6ed..8581d54 100644
--- a/frontend/pages/createDocument/serialInvoice.vue
+++ b/frontend/pages/createDocument/serialInvoice.vue
@@ -97,18 +97,18 @@
       :columns="normalizeTableColumns(columns)"
       class="w-full"
       :ui="{ divide: 'divide-gray-200 dark:divide-gray-800' }"
-      :on-select="(row) => router.push(`/createDocument/edit/${row.id}`)"
+      :on-select="(row) => router.push(`/createDocument/edit/${row.original?.id || row.id}`)"
       empty="Keine Belege anzuzeigen"
   >
     <template #actions-cell="{ row }">
       <div @click.stop>
-        <UDropdown :items="getActionItems(row.original)" :popper="{ placement: 'bottom-end' }">
+        <UDropdownMenu :items="getActionItems(row.original)" :content="{ align: 'end' }">
           <UButton
-              color="gray"
+              color="neutral"
               variant="ghost"
               icon="i-heroicons-ellipsis-horizontal-20-solid"
           />
-        </UDropdown>
+        </UDropdownMenu>
       </div>
     </template>
 
@@ -502,7 +502,7 @@ const getActionItems = (row) => {
       label: isActive ? 'Deaktivieren' : 'Aktivieren',
       icon: isActive ? 'i-heroicons-pause' : 'i-heroicons-play',
       class: isActive ? 'text-red-500' : 'text-primary',
-      click: () => toggleActiveState(row)
+      onSelect: () => toggleActiveState(row)
     }]
   ]
 }