diff --git a/src/components/Buttons/ButtonShowList.vue b/src/components/Buttons/ButtonShowList.vue
index 6d4aae24d65a36077929e758b7ccfa081fd6bbd5..1f1e01d79d852e8e3209ec4c0f3089f58b302e91 100644
--- a/src/components/Buttons/ButtonShowList.vue
+++ b/src/components/Buttons/ButtonShowList.vue
@@ -15,14 +15,36 @@
           </div>
         </template>
         <v-list>
-          <v-list-tile v-for="(item, index) in items" :key="index" @click="">
+
+          <v-list-item-group
+            v-model="settings"
+            multiple
+          >
+            <v-list-item v-for="(item, index) in items" :key="index">
+              <template #default="{ active, toggle }">
+                <v-list-item-action>
+                  <v-checkbox
+                    v-model="active"
+                    color="primary"
+                    @click="toggle"
+                  ></v-checkbox>
+                </v-list-item-action>
+
+                <v-list-item-content>
+                  <v-list-item-title>{{ item.title }}</v-list-item-title>
+                  <!-- <v-list-item-subtitle>Allow notifications</v-list-item-subtitle> -->
+                </v-list-item-content>
+              </template>
+            </v-list-item>
+          </v-list-item-group>
+          <!-- <v-list-tile v-for="(item, index) in items" :key="index" @click="">
             <v-list-tile-action>
               <v-checkbox v-model="item.selected"/>
             </v-list-tile-action>
             <v-list-tile-content @click="item.selected = !item.selected">
               <v-list-tile-title>{{ item.title }}</v-list-tile-title>
             </v-list-tile-content>
-          </v-list-tile>
+          </v-list-tile> -->
         </v-list>
       </v-menu>
       <!-- Component code ends here -->