diff --git a/app/src/scss/main.scss b/app/src/scss/main.scss
index c33992bf..83096b46 100644
--- a/app/src/scss/main.scss
+++ b/app/src/scss/main.scss
@@ -33,12 +33,10 @@ body {
   min-height: 100vh
 }
 
-.menu-list {
-  .list-group-item {
-    padding: $list-group-item-padding-y 0;
-    display: flex;
-    align-items: center;
-  }
+.menu-list .list-group-item {
+  padding: $list-group-item-padding-y 0;
+  display: flex;
+  align-items: center;
 }
 
 
@@ -114,10 +112,6 @@ body {
   top: 2px;
 }
 
-.list-group-item .icon {
-  margin-left: 0.3rem;
-}
-
 // Fork-awesome overrides
 .fa-fw {
   width: 1.25em !important;
diff --git a/app/src/views/Home.vue b/app/src/views/Home.vue
index f784fa13..8d28d1e6 100644
--- a/app/src/views/Home.vue
+++ b/app/src/views/Home.vue
@@ -6,7 +6,7 @@
         :key="item.routeName"
         :to="{ name: item.routeName }"
       >
-        <icon :iname="item.icon" class="lg" />
+        <icon :iname="item.icon" class="lg ml-1" />
         <h4>{{ $t(item.translation) }}</h4>
         <icon iname="chevron-right" class="lg fs-sm ml-auto" />
       </b-list-group-item>
diff --git a/app/src/views/tool/ToolList.vue b/app/src/views/tool/ToolList.vue
index d2551875..21716ca0 100644
--- a/app/src/views/tool/ToolList.vue
+++ b/app/src/views/tool/ToolList.vue
@@ -6,7 +6,7 @@
       :key="item.routeName"
       :to="{name: item.routeName}"
     >
-      <icon :iname="item.icon" class="lg" />
+      <icon :iname="item.icon" class="lg ml-1" />
       <h4>{{ $t(item.translation) }}</h4>
       <icon iname="chevron-right" class="lg fs-sm ml-auto" />
     </b-list-group-item>