diff --git a/src/renderer/features/now-playing/components/drawer-play-queue.tsx b/src/renderer/features/now-playing/components/drawer-play-queue.tsx
index 20c64328b..f1e7a718a 100644
--- a/src/renderer/features/now-playing/components/drawer-play-queue.tsx
+++ b/src/renderer/features/now-playing/components/drawer-play-queue.tsx
@@ -12,11 +12,11 @@ export const DrawerPlayQueue = () => {
     <Flex
       direction="column"
       h="100%"
-      sx={{
-        borderRadius: '10px',
-      }}
     >
-      <Box bg="var(--main-bg)">
+      <Box
+        bg="var(--main-bg)"
+        sx={{ borderRadius: '10px' }}
+      >
         <PlayQueueListControls
           tableRef={queueRef}
           type="sideQueue"