diff --git a/src/components/player/atoms/Settings.tsx b/src/components/player/atoms/Settings.tsx
index 22a690a1..63e132f2 100644
--- a/src/components/player/atoms/Settings.tsx
+++ b/src/components/player/atoms/Settings.tsx
@@ -41,10 +41,10 @@ function SettingsOverlay({ id }: { id: string }) {
   return (
     <Overlay id={id}>
       <OverlayRouter id={id}>
-        <OverlayPage id={id} path="/" width={343} height={431}>
+        <OverlayPage id={id} path="/" width={343} height={470}>
           <SettingsMenu id={id} />
         </OverlayPage>
-        <OverlayPage id={id} path="/quality" width={343} height={400}>
+        <OverlayPage id={id} path="/quality" width={343} height={470}>
           <Menu.Card>
             <QualityView id={id} />
           </Menu.Card>
diff --git a/src/components/player/internals/ContextMenu/Cards.tsx b/src/components/player/internals/ContextMenu/Cards.tsx
index c650967e..91f241fb 100644
--- a/src/components/player/internals/ContextMenu/Cards.tsx
+++ b/src/components/player/internals/ContextMenu/Cards.tsx
@@ -1,7 +1,7 @@
 export function Card(props: { children: React.ReactNode }) {
   return (
     <div className="h-full grid grid-rows-[1fr]">
-      <div className="px-6 h-full flex flex-col justify-start overflow-y-auto overflow-x-hidden">
+      <div className="px-6 h-full flex flex-col justify-start overflow-y-auto overflow-x-hidden pb-4">
         {props.children}
       </div>
     </div>