diff --git a/client/src/pages/Report.tsx b/client/src/pages/Report.tsx
index 1a8db7f..503c1fb 100644
--- a/client/src/pages/Report.tsx
+++ b/client/src/pages/Report.tsx
@@ -91,16 +91,16 @@ function MohamedSalahSlides() {
 
   return (
     <div className="space-y-6">
-      <div className="w-full relative overflow-hidden bg-gray-900 rounded-lg" style={{ paddingTop: '56.25%' }} data-testid="slide-container-16-9">
-        <div className="absolute inset-0 flex items-center justify-center bg-gray-900">
-          {isLoading && (
-            <div className="absolute inset-0 flex items-center justify-center bg-gray-900 z-10">
-              <div className="text-center">
-                <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-blue-600 mx-auto mb-4"></div>
-                <p className="text-gray-400" data-testid="text-loading-slides">Loading slides...</p>
-              </div>
+      <div className="w-full flex justify-center" data-testid="slide-container-16-9">
+        {isLoading && (
+          <div className="w-full flex items-center justify-center py-20">
+            <div className="text-center">
+              <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-blue-600 mx-auto mb-4"></div>
+              <p className="text-gray-600" data-testid="text-loading-slides">Loading slides...</p>
             </div>
-          )}
+          </div>
+        )}
+        {!isLoading && (
           <Document
             file="/attached_assets/mohamed_salah_pdf_en_1760419721874.pdf"
             onLoadSuccess={onDocumentLoadSuccess}
@@ -112,10 +112,9 @@ function MohamedSalahSlides() {
               renderTextLayer={false}
               renderAnnotationLayer={false}
               data-testid="canvas-pdf-slide"
-              className="max-w-full max-h-full object-contain"
             />
           </Document>
-        </div>
+        )}
       </div>
 
       <div className="space-y-4">