diff --git a/frontend/src/static/js/components/_shared/ToolTip.jsx b/frontend/src/static/js/components/_shared/ToolTip.jsx
index 5a9be3d..3bd898f 100644
--- a/frontend/src/static/js/components/_shared/ToolTip.jsx
+++ b/frontend/src/static/js/components/_shared/ToolTip.jsx
@@ -19,7 +19,7 @@ function Tooltip({ children, content, title, position = 'right', classNames = ''
   };
 
   useEffect(() => {
-    if (active && popUpRef.current) {
+    if (popUpRef.current) {
       setTooltipDimensions({
         height: popUpRef.current.clientHeight || 0,
         width: popUpRef.current.clientWidth || 0,
diff --git a/frontend/src/static/js/components/media-page/MediaPage.scss b/frontend/src/static/js/components/media-page/MediaPage.scss
index 42c24db..b6dea25 100755
--- a/frontend/src/static/js/components/media-page/MediaPage.scss
+++ b/frontend/src/static/js/components/media-page/MediaPage.scss
@@ -564,6 +564,16 @@
   transition: transform 60s ease-in-out, opacity 60 ease-in-out;
 }
 
+.slideshow-title {
+  margin-top: 10px;
+  text-align: start;
+  font-size: 16px;
+  font-weight: bold;
+  color: #F0F0F0;
+  z-index: 1200;
+}
+
+
 .arrow {
   position: absolute;
   display: flex;
diff --git a/frontend/src/static/js/components/media-viewer/ImageViewer.js b/frontend/src/static/js/components/media-viewer/ImageViewer.js
index ab5e472..274c7a1 100755
--- a/frontend/src/static/js/components/media-viewer/ImageViewer.js
+++ b/frontend/src/static/js/components/media-viewer/ImageViewer.js
@@ -67,7 +67,7 @@ export default function ImageViewer() {
     if (event.key === 'Escape') onClose();
   };
 
-  const onClose=()=>setIsModalOpen(false)
+  const onClose = () => setIsModalOpen(false);
 
   const handleNext = () => {
     setCurrentIndex((prevIndex) => (prevIndex + 1) % slideshowItems.length);
@@ -86,11 +86,9 @@ export default function ImageViewer() {
 
   return !image ? null : (
     <div className="viewer-image-container">
-      <Tooltip content={"load full-image"} position='center'>
-
-      <img src={image} alt={MediaPageStore.get('media-data').title || null} onClick={() => setIsModalOpen(true)} />
+      <Tooltip content={'load full-image'} position="center">
+        <img src={image} alt={MediaPageStore.get('media-data').title || null} onClick={() => setIsModalOpen(true)} />
       </Tooltip>
-      {/* {slideshowItems && <div>{slideshowItems.map((i)=><li>{i.poster_url}</li>)}</div>} */}
       {isModalOpen && slideshowItems && (
         <div className="modal-overlay" onClick={() => setIsModalOpen(false)}>
           <div className="slideshow-container" onClick={(e) => e.stopPropagation()}>
@@ -103,6 +101,9 @@ export default function ImageViewer() {
                 alt={`Slide ${currentIndex + 1}`}
                 onClick={() => handleImageClick(currentIndex)}
               />
+              <div className="slideshow-title">
+              {slideshowItems[currentIndex]?.title}
+            </div>
             </div>
             <button className="arrow right" onClick={handleNext} aria-label="Next slide">
               &#8250;