diff --git a/app/components/station-player.tsx b/app/components/station-player.tsx
index 39987c9..9562426 100644
--- a/app/components/station-player.tsx
+++ b/app/components/station-player.tsx
@@ -36,7 +36,7 @@ export function StationPlayer({ station }: StationPlayerProps) {
     }
     return (
         <div
-            className="fixed bottom-0 right-0 w-[76%] h-[90px] z-50">
+            className="fixed bottom-0 right-0 w-full lg:w-[calc(100vw-20rem)] h-[90px] z-50">
                 {player}
         </div>
     );
diff --git a/package.json b/package.json
index 19c49f8..37c7035 100644
--- a/package.json
+++ b/package.json
@@ -39,7 +39,7 @@
     "isbot": "^3.6.8",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-radio-player": "^0.0.12",
+    "react-radio-player": "^0.1.1",
     "tiny-invariant": "^1.3.1"
   },
   "devDependencies": {
diff --git a/yarn.lock b/yarn.lock
index a914a67..8d3407e 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -7712,10 +7712,10 @@ react-is@^18.0.0, react-is@^18.2.0:
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-18.2.0.tgz#199431eeaaa2e09f86427efbb4f1473edb47609b"
   integrity sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==
 
-react-radio-player@^0.0.12:
-  version "0.0.12"
-  resolved "https://registry.yarnpkg.com/react-radio-player/-/react-radio-player-0.0.12.tgz#bf69918509eaee8bea69c35d4dbdae4dac61015b"
-  integrity sha512-s/3WHR1587on6hFti0+DuC3Kj6spiPSXK6djMuZEPhbUtCS6Ey3nvi34BjHJcedCVjAIBv8EmGhprB/bDOraBg==
+react-radio-player@^0.1.1:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/react-radio-player/-/react-radio-player-0.1.1.tgz#fa521403a6e83f4812662d4cf0cfdd493563a914"
+  integrity sha512-reZ2LH+emrauqZjOLJqo6jA+uNq05U0dpvXJuQXOqbs8AY1iuq+4rSvjT6P+tSTgjY4ELr1JQuxCyJ1nGAkBYA==
   dependencies:
     rc-slider "^10.5.0"
     styled-components "^6.1.1"