diff --git a/client/src/pages/VideoPage.tsx b/client/src/pages/VideoPage.tsx
index 0c7eb42..b04b976 100644
--- a/client/src/pages/VideoPage.tsx
+++ b/client/src/pages/VideoPage.tsx
@@ -298,7 +298,7 @@ export default function VideoPage() {
         )}
       </div>
 
-      <div className="max-w-7xl mx-auto p-4 lg:p-6 relative">
+      <div className="w-full px-4 lg:px-6 relative">
         {/* Background logo decorations */}
         <div 
           style={{
@@ -373,7 +373,7 @@ export default function VideoPage() {
           }}
         />
         
-        <div className="flex flex-col md:flex-row gap-6 relative z-[40]">
+        <div className="flex flex-col xl:flex-row gap-6 relative z-[40]">
           {/* Main video section */}
           <div className="flex-1">
             {/* Video player */}
@@ -486,7 +486,7 @@ export default function VideoPage() {
           </div>
 
           {/* Recommended videos sidebar */}
-          <div className="w-full md:w-96">
+          <div className="w-full xl:w-80 2xl:w-96">
             <h2 className="text-lg font-semibold text-bunny-light mb-4">Empfohlene Videos</h2>
             
             <div className="space-y-2">