diff --git a/fe/src/pages/GroupsPage.vue b/fe/src/pages/GroupsPage.vue
index edc157e..fcf54c8 100644
--- a/fe/src/pages/GroupsPage.vue
+++ b/fe/src/pages/GroupsPage.vue
@@ -31,10 +31,12 @@
         <div v-for="group in groups" :key="group.id" class="neo-group-card" @click="selectGroup(group)">
           <h1 class="neo-group-header">{{ group.name }}</h1>
           <div class="neo-group-actions">
-            <VButton variant="secondary" size="sm" @click.stop="openCreateListDialog(group)">
-              <VIcon name="plus" class="mr-1" />
+            <button class="btn btn-sm btn-secondary" @click.stop="openCreateListDialog(group)">
+              <svg class="icon" aria-hidden="true">
+                <use xlink:href="#icon-plus" />
+              </svg>
               List
-            </VButton>
+            </button>
           </div>
         </div>
         <div class="neo-create-group-card" @click="openCreateGroupDialog">
@@ -268,13 +270,16 @@ const selectGroup = (group: Group) => {
 };
 
 const openCreateListDialog = (group: Group) => {
+  console.log('Opening create list dialog for group:', group);
   // Ensure we have the latest groups data
   fetchGroups().then(() => {
+    console.log('Setting up modal with group:', group);
     availableGroupsForModal.value = [{
       label: group.name,
       value: group.id
     }];
     showCreateListModal.value = true;
+    console.log('Modal should be visible now:', showCreateListModal.value);
   });
 };