diff --git a/src/renderer/src/components/song/song-detail/SongControls.tsx b/src/renderer/src/components/song/song-detail/SongControls.tsx
index 33642df8..b418a719 100644
--- a/src/renderer/src/components/song/song-detail/SongControls.tsx
+++ b/src/renderer/src/components/song/song-detail/SongControls.tsx
@@ -157,7 +157,7 @@ const LeftPart = () => {
 
         <Show when={isHoveringVolume()}>
           <Slider
-            class="flex h-8 w-28 flex-grow items-center"
+            class="flex h-8 w-24 flex-grow items-center"
             min={0}
             max={1}
             value={volume}
diff --git a/src/renderer/src/scenes/main-scene/MainScene.tsx b/src/renderer/src/scenes/main-scene/MainScene.tsx
index 07804bc3..0a6fee7a 100644
--- a/src/renderer/src/scenes/main-scene/MainScene.tsx
+++ b/src/renderer/src/scenes/main-scene/MainScene.tsx
@@ -34,7 +34,7 @@ const MainScene: Component = () => {
 
       <ResizablePanel
         offsetFromPanel={offsetFromPanel()}
-        min={390}
+        min={os() === "darwin" ? 432 : 390}
         max={maxSidebarWidth()}
         value={sidebarWidth as Accessor<number>}
         onValueChange={setSidebarWidth}