Fix homepage fav and recommended overlap

src/renderer/components/ListItem.vue

@@ -44,7 +44,7 @@ li
   margin-bottom: .6rem
   padding: .4rem .8rem
   border-radius: .5rem
-  
+  box-sizing: border-box
   &.active
     background-color: #0076F9
     color: white

src/renderer/layouts/HomePage.vue

@@ -218,12 +218,14 @@ section.page
     flex: 1 0 50% // deviding the space equally between two element
 
 .favourite
+  background: white
+  z-index: 10
   &__list-header
     width: 100%
-    padding: 0.3rem .6rem
+    padding: 0.3rem 1.6rem
+    box-sizing: border-box
     display: flex
     justify-content: space-between
-
     span.song
         flex: 1 0 50%
     span.artist