diff --git a/app/src/components/ListGroupItem.vue b/app/src/components/ListGroupItem.vue
deleted file mode 100644
index 05f2e435..00000000
--- a/app/src/components/ListGroupItem.vue
+++ /dev/null
@@ -1,30 +0,0 @@
-<template>
-    <b-list-group-item v-bind:to="uri">
-        <icon v-bind:iname="icon" class="fa-fw"/>
-        <h2><slot></slot></h2>
-        <icon iname="chevron-right" class="fa-fw fs-sm ml-auto"/>
-    </b-list-group-item>
-</template>
-
-<script>
-export default {
-    props: {
-        uri: String,
-        icon: String,
-    }
-}
-</script>
-
-<style lang="scss" scoped>
-.list-group-item {
-    padding: 0.75rem 0;
-    display: flex;
-    align-items: center;
-}
-
-h2 {
-    font-size: 1.25rem;
-    font-weight: 400;
-    margin: 0;
-}
-</style>
diff --git a/app/src/components/globals/Icon.vue b/app/src/components/globals/Icon.vue
index 160d555a..3dde98ed 100644
--- a/app/src/components/globals/Icon.vue
+++ b/app/src/components/globals/Icon.vue
@@ -1,13 +1,11 @@
 <template>
-    <span v-bind:class="'icon fa fa-' + iname" aria-hidden="true"></span>
+    <span :class="'icon fa fa-' + iname" aria-hidden="true"></span>
 </template>
 
 <script>
 export default {
     name: 'icon',
-    props: {
-        iname: String,
-    }
+    props: ['iname'],
 }
 </script>
 
diff --git a/app/src/views/Home.vue b/app/src/views/Home.vue
index d9ccd5ec..253af3c4 100644
--- a/app/src/views/Home.vue
+++ b/app/src/views/Home.vue
@@ -1,19 +1,16 @@
 <template>
     <div class="home">
         <b-list-group>
-            <list-group-item
-                v-for="item in menu"
-                v-bind:key="item.id"
-                v-bind:uri="item.uri"
-                v-bind:icon="item.icon"
-            >{{ $t(item.translation) }}</list-group-item>
+            <b-list-group-item v-for="item in menu" :key="item.id" :to="item.uri">
+                <icon :iname="item.icon" class="fa-fw"/>
+                <h2>{{ $t(item.translation) }}</h2>
+                <icon iname="chevron-right" class="fa-fw fs-sm ml-auto"/>
+            </b-list-group-item>
         </b-list-group>
     </div>
 </template>
 
 <script>
-import ListGroupItem from '@/components/ListGroupItem'
-
 export default {
     name: 'Home',
     data: () => {
@@ -30,8 +27,19 @@ export default {
             ]
         }
     },
-    components: {
-        ListGroupItem
-    }
 }
 </script>
+
+<style lang="scss" scoped>
+.list-group-item {
+    padding: 0.75rem 0;
+    display: flex;
+    align-items: center;
+}
+
+h2 {
+    font-size: 1.25rem;
+    font-weight: 400;
+    margin: 0;
+}
+</style>