diff --git a/src/components/AlbumsExplorer/AlbumList.vue b/src/components/AlbumsExplorer/AlbumList.vue
index 6c871c90..f5e9b752 100644
--- a/src/components/AlbumsExplorer/AlbumList.vue
+++ b/src/components/AlbumsExplorer/AlbumList.vue
@@ -10,8 +10,8 @@
       <div class="item rounded" v-for="album in albums" :key="album">
         <div class="play"></div>
         <div class="album-art image rounded"></div>
-        <div class="name ellip">{{album.title}}</div>
-        <div class="artist ellip">{{album.artist}}</div>
+        <div class="name ellip">{{ album.title }}</div>
+        <div class="artist ellip">{{ album.artist }}</div>
       </div>
     </div>
   </div>
@@ -20,15 +20,16 @@
 export default {
   setup() {
     const albums = [
-      
       {
         title: "Album 2 af sjf s d kjf saf ",
-        artist: "Artist  ad asd f adf d da df d adf ds d fadsf fs dfds sf dadf d",
+        artist:
+          "Artist  ad asd f adf d da df d adf ds d fadsf fs dfds sf dadf d",
       },
       {
         title: "Album 3",
         artist: "Artist 3",
-      },{
+      },
+      {
         title: "Album 1",
         artist: "Artist 1",
       },
@@ -39,7 +40,8 @@ export default {
       {
         title: "Album 3",
         artist: "Artist 3",
-      },{
+      },
+      {
         title: "Album 1",
         artist: "Artist 1",
       },
@@ -50,7 +52,8 @@ export default {
       {
         title: "Album 3",
         artist: "Artist 3",
-      },{
+      },
+      {
         title: "Album 1",
         artist: "Artist 1",
       },
@@ -61,7 +64,8 @@ export default {
       {
         title: "Album 3",
         artist: "Artist 3",
-      },{
+      },
+      {
         title: "Album 1",
         artist: "Artist 1",
       },
@@ -72,7 +76,8 @@ export default {
       {
         title: "Album 3",
         artist: "Artist 3",
-      },{
+      },
+      {
         title: "Album 1",
         artist: "Artist 1",
       },
@@ -83,7 +88,8 @@ export default {
       {
         title: "Album 3",
         artist: "Artist 3",
-      },{
+      },
+      {
         title: "Album 1",
         artist: "Artist 1",
       },
@@ -166,6 +172,7 @@ export default {
         font-size: small;
         font-weight: lighter;
         text-align: left;
+        color: rgba(255, 255, 255, 0.699);
       }
     }
   }
diff --git a/src/components/AlbumsExplorer/TopAlbums.vue b/src/components/AlbumsExplorer/TopAlbums.vue
index a953c56a..d36780ff 100644
--- a/src/components/AlbumsExplorer/TopAlbums.vue
+++ b/src/components/AlbumsExplorer/TopAlbums.vue
@@ -65,6 +65,7 @@ export default {
     .item {
       height: 10rem;
       width: 100%;
+      max-width: 25rem;
       background-color: rgb(7, 6, 6);
       display: grid;
       align-items: center;
@@ -91,6 +92,7 @@ export default {
 
       .info .artist {
         font-size: small;
+        color: rgba(255, 255, 255, 0.699);
       }
 
       .info .top {
diff --git a/src/components/PlaylistView/FeaturedArtists.vue b/src/components/PlaylistView/FeaturedArtists.vue
index ed37440b..0e4298d4 100644
--- a/src/components/PlaylistView/FeaturedArtists.vue
+++ b/src/components/PlaylistView/FeaturedArtists.vue
@@ -143,11 +143,6 @@ export default {
   }
 }
 
-.f-artists .heading {
-  color: #fff;
-  margin: 0 0 1em 1em;
-}
-
 .f-artists .artists {
   position: absolute;
   bottom: 1em;
diff --git a/src/views/PlaylistView.vue b/src/views/PlaylistView.vue
index 931cc744..6af57173 100644
--- a/src/views/PlaylistView.vue
+++ b/src/views/PlaylistView.vue
@@ -38,7 +38,7 @@ export default {
 }
 
 .p-bg .clip {
-  height: calc(100% - 14em);
+  height: calc(100% - 12em);
   padding-bottom: $small;
   border-bottom: solid 1px $separator;
 }