From ba32832619e44fc7973b74e8bf70bba274a14e84 Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Sat, 3 Jan 2026 03:05:53 -0800
Subject: [PATCH] actually fix the related tab (#1484)

---
 .../player/components/full-screen-player-queue.module.css   | 1 +
 .../player/components/full-screen-similar-songs.tsx         | 6 +++++-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/renderer/features/player/components/full-screen-player-queue.module.css b/src/renderer/features/player/components/full-screen-player-queue.module.css
index cea7e25c0..9f0650b8c 100644
--- a/src/renderer/features/player/components/full-screen-player-queue.module.css
+++ b/src/renderer/features/player/components/full-screen-player-queue.module.css
@@ -1,5 +1,6 @@
 .queue-container {
     position: relative;
+    display: flex;
     width: 100%;
     min-width: 0;
     height: 100%;
diff --git a/src/renderer/features/player/components/full-screen-similar-songs.tsx b/src/renderer/features/player/components/full-screen-similar-songs.tsx
index 1074e5ffc..06251907d 100644
--- a/src/renderer/features/player/components/full-screen-similar-songs.tsx
+++ b/src/renderer/features/player/components/full-screen-similar-songs.tsx
@@ -4,5 +4,9 @@ import { usePlayerSong } from '/@/renderer/store';
 export const FullScreenSimilarSongs = () => {
     const currentSong = usePlayerSong();
 
-    return currentSong?.id ? <SimilarSongsList fullScreen song={currentSong} /> : null;
+    return currentSong?.id ? (
+        <div style={{ height: '100%', width: '100%' }}>
+            <SimilarSongsList fullScreen song={currentSong} />
+        </div>
+    ) : null;
 };