diff --git a/.replit b/.replit
index 25794b7..48ea545 100644
--- a/.replit
+++ b/.replit
@@ -22,6 +22,10 @@ externalPort = 3002
 localPort = 36309
 externalPort = 5173
 
+[[ports]]
+localPort = 37413
+externalPort = 5000
+
 [[ports]]
 localPort = 37531
 externalPort = 3001
diff --git a/client/src/pages/Report.tsx b/client/src/pages/Report.tsx
index 0514e0c..c6e73c1 100644
--- a/client/src/pages/Report.tsx
+++ b/client/src/pages/Report.tsx
@@ -56,6 +56,23 @@ function MohamedSalahSlides() {
     }
   };
 
+  const handleSliderCommit = (value: number[]) => {
+    if (numPages > 0) {
+      setCurrentSlide(value[0]);
+    }
+  };
+
+  const handleSliderClick = (e: React.MouseEvent<HTMLDivElement>) => {
+    if (numPages === 0) return;
+    
+    const rect = e.currentTarget.getBoundingClientRect();
+    const x = e.clientX - rect.left;
+    const percentage = x / rect.width;
+    const slideNumber = Math.max(1, Math.min(numPages, Math.round(percentage * numPages)));
+    
+    setCurrentSlide(slideNumber);
+  };
+
   const handleSliderHover = (e: React.MouseEvent<HTMLDivElement>) => {
     if (numPages === 0) return;
     
@@ -107,6 +124,7 @@ function MohamedSalahSlides() {
         <div className="relative px-2" data-testid="slide-progress-container">
           <div 
             className="relative py-2"
+            onClick={handleSliderClick}
             onMouseMove={handleSliderHover}
             onMouseLeave={handleSliderLeave}
             data-testid="slider-hover-area"
@@ -114,6 +132,7 @@ function MohamedSalahSlides() {
             <Slider
               value={[currentSlide]}
               onValueChange={handleSliderChange}
+              onValueCommit={handleSliderCommit}
               min={1}
               max={numPages || 1}
               step={1}