diff --git a/pages/admin/members/index.vue b/pages/admin/members/index.vue
index ed3d54c..be36413 100644
--- a/pages/admin/members/index.vue
+++ b/pages/admin/members/index.vue
@@ -177,7 +177,7 @@
             />
             <div>
               <div class="font-weight-medium">{{ item.first_name }} {{ item.last_name }}</div>
-              <div class="text-caption text-medium-emphasis">ID: {{ item.member_id || `Pending (DB ID: ${item.Id})` }}</div>
+              <div class="text-caption text-medium-emphasis">{{ item.member_id ? `ID: ${item.member_id}` : 'ID Pending' }}</div>
             </div>
           </div>
         </template>
@@ -200,14 +200,17 @@
         </template>
 
         <template v-slot:item.dues_paid="{ item }">
-          <div class="d-flex align-center gap-2">
-            <v-chip
-              :color="item.dues_paid_this_year ? 'success' : 'warning'"
-              size="small"
-              variant="flat"
-            >
-              {{ item.dues_paid_this_year ? 'Yes' : 'No' }}
-            </v-chip>
+          <v-chip
+            :color="item.dues_paid_this_year ? 'success' : 'warning'"
+            size="small"
+            variant="flat"
+          >
+            {{ item.dues_paid_this_year ? 'Yes' : 'No' }}
+          </v-chip>
+        </template>
+
+        <template v-slot:item.actions="{ item }">
+          <div class="d-flex align-center gap-1">
             <v-btn
               v-if="!item.dues_paid_this_year"
               color="success"
@@ -218,11 +221,6 @@
               <v-icon start size="16">mdi-check</v-icon>
               Mark Paid
             </v-btn>
-          </div>
-        </template>
-
-        <template v-slot:item.actions="{ item }">
-          <div class="d-flex align-center gap-1">
             <v-btn
               icon="mdi-eye"
               size="small"
@@ -545,7 +543,7 @@ const enhancedHeaders = [
   { title: 'Email', key: 'email', sortable: true },
   { title: 'Nationality', key: 'nationality', sortable: true },
   { title: 'Dues Paid This Year', key: 'dues_paid', sortable: true },
-  { title: 'Actions', key: 'actions', sortable: false, align: 'center', width: '200' }
+  { title: 'Actions', key: 'actions', sortable: false, align: 'center', width: '250' }
 ];
 
 // Real data from API