diff --git a/src/playbar.rs b/src/playbar.rs
index a3a9333..1cc9f5b 100644
--- a/src/playbar.rs
+++ b/src/playbar.rs
@@ -267,14 +267,12 @@ fn MediaInfo(status: RwSignal<PlayStatus>) -> impl IntoView {
 	});
 
     view! {
-        <div class="media-info">
         <img class="media-info-img" align="left" src={image}/>
         <div class="media-info-text">
             {name}
             <br/>
             {artist} - {album}
         </div>
-        </div>
     }
 }
 
diff --git a/style/playbar.scss b/style/playbar.scss
index c81c659..522ea11 100644
--- a/style/playbar.scss
+++ b/style/playbar.scss
@@ -40,24 +40,23 @@
 	}
 
 	.playbar-left-group {
-		.media-info {
-			font-size: 16;
+		display: flex;
+		position: absolute;
+		top: 50%;
+		transform: translateY(-50%);
+		margin-left: 10px;
+
+		.media-info-img {
+			width: 50px;
+		}
+
+		.media-info-text {
+			text-align: left;
 			margin-left: 10px;
+		}
 
-			position: absolute;
-			top: 50%;
-			transform: translateY(-50%);
-			display: grid;
-			grid-template-columns: 50px 1fr;
-
-			.media-info-img {
-				width: 50px;
-			}
-
-			.media-info-text {
-				text-align: left;
-				margin-left: 10px;
-			}
+		.like-dislike {
+			margin-left: 20px;
 		}
 	}