diff --git a/client/src/pages/Report.tsx b/client/src/pages/Report.tsx
index 6848756..0853ce1 100644
--- a/client/src/pages/Report.tsx
+++ b/client/src/pages/Report.tsx
@@ -118,9 +118,9 @@ function MohamedSalahSlides() {
         </Document>
       </div>
 
-      <div className="space-y-4">
+      <div className="space-y-4 flex flex-col items-center">
         {/* Progress Bar */}
-        <div className="relative px-2" data-testid="slide-progress-container">
+        <div className="relative w-full max-w-[1000px]" data-testid="slide-progress-container">
           <div 
             className="relative py-2"
             onClick={handleSliderClick}
@@ -141,7 +141,7 @@ function MohamedSalahSlides() {
             />
             {/* Slide markers */}
             <div className="absolute top-0 left-0 right-0 h-full pointer-events-none">
-              <div className="relative h-full px-2">
+              <div className="relative h-full">
                 {numPages > 0 && Array.from({ length: numPages }).map((_, i) => (
                   <div
                     key={i}
@@ -173,7 +173,7 @@ function MohamedSalahSlides() {
         </div>
 
         {/* Control buttons */}
-        <div className="flex items-center justify-between">
+        <div className="flex items-center justify-between w-full max-w-[1000px]">
           <Button
             variant="outline"
             onClick={() => setCurrentSlide(Math.max(1, currentSlide - 1))}