diff --git a/17th Website/src/views/users.vue b/17th Website/src/views/users.vue
index 1413fdd..5817b0b 100644
--- a/17th Website/src/views/users.vue	
+++ b/17th Website/src/views/users.vue	
@@ -33,8 +33,9 @@ export default {
             this.filter1 = 'All Groups'
             this.filter2 = 'All Roles'
             this.search = ''
-            this.unitFilter.id = 1
-            this.unitFilter.name = 'All Groups'
+            this.unitFilter = this.unitFilters[0];
+            // this.unitFilter.id = 1
+            // this.unitFilter.name = 'All Groups'
         }
     },
     components: {
@@ -75,11 +76,11 @@ export default {
 
                 <Listbox v-model="unitFilter">
                     <div class="relative">
-                        <ListboxButton class="bg-gray-dark text-white px-5 rounded-md hover:bg-blue transition-all">
+                        <ListboxButton class=" h-11 bg-gray-dark text-white px-5 rounded-md hover:bg-blue transition-all">
                             {{ unitFilter.name }}
                             <!-- <Icon icon="carbon:caret-down" /> -->
                         </ListboxButton>
-                        <ListboxOptions class="bg-gray-dark last:rounded-b-md fixed text-white">
+                        <ListboxOptions class="bg-gray-dark last:rounded-b-md first:rounded-none fixed text-white">
                             <ListboxOption v-for="unit in unitFilters" :key="unit.id" :value="unit"
                                 :disabled="unit.disabled" v-slot="{ active, selected }" class="ui-active:text-white">
                                 <li :class="{ 'bg-blue': active }">