diff --git a/share/lua/http/index.html b/share/lua/http/index.html
index 4ba0e4701f068279994ca57e6dc5e007843bbda6..77b3ad8754a39324edcc58e51756d0da5f34ac0a 100644
--- a/share/lua/http/index.html
+++ b/share/lua/http/index.html
@@ -698,8 +698,8 @@
                             <svg-icon name="add"></svg-icon>
                         </button> -->
                         <div>
-                            <img v-if="item.src" width="171" height="171" class="embed-responsive-item item-img" :src="item.src">
-                            <svg-icon v-if="!item.src" name="placeholder-album" class="placeholder-album-icon item-img"></svg-icon>
+                            <img v-if="item.src" class="embed-responsive-item item-img album-img" :src="item.src">
+                            <svg-icon v-if="!item.src" name="placeholder-album" class="placeholder-album-icon item-img album-img"></svg-icon>
                             <div class="mt-2 d-flex">
                                 <play-button-secondary></play-button-secondary>
                                 <enqueue-button class="ml-2" :item="item"></enqueue-button>
diff --git a/share/lua/http/src/components/albums/albums.component.html b/share/lua/http/src/components/albums/albums.component.html
index a21bb0958acadf6b7bf63978729412949d4ef576..1933b17cd58f0b06c29b644a440e20fe8f542ec0 100644
--- a/share/lua/http/src/components/albums/albums.component.html
+++ b/share/lua/http/src/components/albums/albums.component.html
@@ -11,8 +11,8 @@
                             <svg-icon name="add"></svg-icon>
                         </button> -->
                         <div>
-                            <img v-if="item.src" width="171" height="171" class="embed-responsive-item item-img" :src="item.src">
-                            <svg-icon v-if="!item.src" name="placeholder-album" class="placeholder-album-icon item-img"></svg-icon>
+                            <img v-if="item.src" class="embed-responsive-item item-img album-img" :src="item.src">
+                            <svg-icon v-if="!item.src" name="placeholder-album" class="placeholder-album-icon item-img album-img"></svg-icon>
                             <div class="mt-2 d-flex">
                                 <play-button-secondary></play-button-secondary>
                                 <enqueue-button class="ml-2" :item="item"></enqueue-button>
@@ -35,8 +35,11 @@
                                 </thead>
                                 <tbody>
                                     <tr v-for="(track, index) in music.albumTracks[item.id]">
-                                        <td>
-                                            {{ index + 1 }}
+                                        <td class="d-flex justify-content-between">
+                                            <div class="item-img">
+                                             {{ index + 1 }}
+                                              <play-button class="item-primary-action item-action" :item="track"></play-button>
+                                            </div>
                                         </td>
                                         <td>
                                             {{ track.title }}
diff --git a/share/lua/http/src/components/albums/albums.component.scss b/share/lua/http/src/components/albums/albums.component.scss
index 91dd0deeb75c62436aa4600bebcc3b7b7e1a82a6..7abdb9f92450596790a47af77d6c201d1b7a3668 100644
--- a/share/lua/http/src/components/albums/albums.component.scss
+++ b/share/lua/http/src/components/albums/albums.component.scss
@@ -13,9 +13,10 @@
         width: 100%;
     }
 }
+
 .album-collapse-container {
     .album-collapse-detail {
-        .item-img {
+        .album-img{
             width: 171px;
             height: 171px;
         }