diff --git a/src/App.js b/src/App.js
index 4146c473..1e2b5dc1 100644
--- a/src/App.js
+++ b/src/App.js
@@ -54,6 +54,13 @@ const GlobalStyle = createGlobalStyle`
     margin: 0;
     padding: 0;
   }
+
+  .enlarged {
+    max-width: none !important;
+    max-height: none !important;
+    width: auto !important;
+    height: auto !important;
+  }
 `;
 
 const StyledContainer = styled(ToastContainer)`
diff --git a/src/components/views/Board.jsx b/src/components/views/Board.jsx
index e7d6c8f8..d5a037f8 100644
--- a/src/components/views/Board.jsx
+++ b/src/components/views/Board.jsx
@@ -18,6 +18,7 @@ import findShortParentCid from '../../utils/findShortParentCid';
 import getCommentMediaInfo from '../../utils/getCommentMediaInfo';
 import getDate from '../../utils/getDate';
 import handleAddressClick from '../../utils/handleAddressClick';
+import handleImageClick from '../../utils/handleImageClick';
 import handleQuoteClick from '../../utils/handleQuoteClick';
 import handleStyleChange from '../../utils/handleStyleChange';
 import useClickForm from '../../hooks/useClickForm';
@@ -486,23 +487,35 @@ const Board = () => {
                             {commentMediaInfo?.type === "webpage" ? (
                               <span key={`fta-${index}`} className="file-thumb">
                                 {thread.thumbnailUrl ? (
-                                  <img key={`fti-${index}`} src={thread.thumbnailUrl} alt="thumbnail" onError={(e) => e.target.src = fallbackImgUrl} />
+                                  <img key={`fti-${index}`} 
+                                  src={thread.thumbnailUrl} alt={commentMediaInfo.type}
+                                  onClick={handleImageClick}
+                                  style={{cursor: "pointer"}}
+                                  onError={(e) => e.target.src = fallbackImgUrl} />
                                 ) : null}
                               </span>
                             ) : null}
                             {commentMediaInfo?.type === "image" ? (
                               <span key={`fta-${index}`} className="file-thumb">
-                                <img key={`fti-${index}`} src={commentMediaInfo.url} alt={commentMediaInfo.type} onError={(e) => e.target.src = fallbackImgUrl} />
+                                <img key={`fti-${index}`} 
+                                src={commentMediaInfo.url} alt={commentMediaInfo.type}
+                                onClick={handleImageClick}
+                                style={{cursor: "pointer"}}
+                                onError={(e) => e.target.src = fallbackImgUrl} />
                               </span>
                             ) : null}
                             {commentMediaInfo?.type === "video" ? (
                               <span key={`fta-${index}`} className="file-thumb">
-                                <video controls width="" key={`fti-${index}`} src={commentMediaInfo.url} alt={commentMediaInfo.type} onError={(e) => e.target.src = fallbackImgUrl} />
+                                <video controls width="" key={`fti-${index}`} 
+                                src={commentMediaInfo.url} alt={commentMediaInfo.type}
+                                onError={(e) => e.target.src = fallbackImgUrl} />
                               </span>
                             ) : null}
                             {commentMediaInfo?.type === "audio" ? (
                               <span key={`fta-${index}`} className="file-thumb">
-                                <audio controls key={`fti-${index}`} src={commentMediaInfo.url} alt={commentMediaInfo.type} onError={(e) => e.target.src = fallbackImgUrl} />
+                                <audio controls key={`fti-${index}`} 
+                                src={commentMediaInfo.url} alt={commentMediaInfo.type}
+                                onError={(e) => e.target.src = fallbackImgUrl} />
                               </span>
                             ) : null}
                           </div>
@@ -707,8 +720,9 @@ const Board = () => {
                                   <span key={`fta-${index}`} className="file-thumb-reply">
                                     {reply.thumbnailUrl ? (
                                       <img key={`fti-${index}`}
-                                      src={reply.thumbnailUrl} 
-                                      alt="thumbnail" 
+                                      src={reply.thumbnailUrl} alt={replyMediaInfo.type}
+                                      onClick={handleImageClick}
+                                      style={{cursor: "pointer"}}
                                       onError={(e) => e.target.src = fallbackImgUrl} />
                                     ) : null}
                                   </span>
@@ -716,8 +730,9 @@ const Board = () => {
                                 {replyMediaInfo?.type === "image" ? (
                                   <span key={`fta-${index}`} className="file-thumb-reply">
                                     <img key={`fti-${index}`}
-                                    src={replyMediaInfo.url} 
-                                    alt={replyMediaInfo.type} 
+                                    src={replyMediaInfo.url} alt={replyMediaInfo.type} 
+                                    onClick={handleImageClick}
+                                    style={{cursor: "pointer"}}
                                     onError={(e) => e.target.src = fallbackImgUrl} />
                                   </span>
                                 ) : null}
@@ -837,27 +852,32 @@ const Board = () => {
                                 commentMediaInfo.type === "webpage" ? (
                                     <span key={`mob-ft${thread.cid}`} className="file-thumb-mobile">
                                       {thread.thumbnailUrl ? (
-                                        <img key={`mob-img-${index}`} src={thread.thumbnailUrl} alt="thumbnail" onError={(e) => e.target.src = fallbackImgUrl} />
+                                        <img key={`mob-img-${index}`} 
+                                        src={thread.thumbnailUrl} alt="thumbnail" 
+                                        onError={(e) => e.target.src = fallbackImgUrl} />
                                       ) : null}
                                       <div key={`mob-fi-${index}`} className="file-info-mobile">{commentMediaInfo?.type}</div>
                                     </span>
                                 ) : commentMediaInfo.type === "image" ? (
                                     <span key={`mob-ft${thread.cid}`} className="file-thumb-mobile">
-                                      <img key={`mob-img-${index}`} src={commentMediaInfo.url} alt={commentMediaInfo.type} onError={(e) => e.target.src = fallbackImgUrl} />
+                                      <img key={`mob-img-${index}`} 
+                                      src={commentMediaInfo.url} alt={commentMediaInfo.type} 
+                                      onError={(e) => e.target.src = fallbackImgUrl} />
                                       <div key={`mob-fi-${index}`} className="file-info-mobile">{commentMediaInfo?.type}</div>
                                     </span>
                                 ) : commentMediaInfo.type === "video" ? (
                                     <span key={`mob-ft${thread.cid}`} className="file-thumb-mobile">
                                       <video key={`fti-${index}`} 
-                                      src={commentMediaInfo.url} 
-                                      alt={commentMediaInfo.type}
+                                      src={commentMediaInfo.url} alt={commentMediaInfo.type}
                                       style={{ pointerEvents: "none" }} 
                                       onError={(e) => e.target.src = fallbackImgUrl} />
                                       <div key={`mob-fi-${index}`} className="file-info-mobile">{commentMediaInfo?.type}</div>
                                     </span>
                                 ) : commentMediaInfo.type === "audio" ? (
                                     <span key={`mob-ft${thread.cid}`} className="file-thumb-mobile">
-                                      <audio key={`mob-img-${index}`} src={commentMediaInfo.url} alt={commentMediaInfo.type} onError={(e) => e.target.src = fallbackImgUrl} />
+                                      <audio key={`mob-img-${index}`} 
+                                      src={commentMediaInfo.url} alt={commentMediaInfo.type} 
+                                      onError={(e) => e.target.src = fallbackImgUrl} />
                                       <div key={`mob-fi-${index}`} className="file-info-mobile">{commentMediaInfo?.type}</div>
                                     </span>
                                 ) : null
diff --git a/src/components/views/Thread.jsx b/src/components/views/Thread.jsx
index 05fb517f..93ba3c10 100644
--- a/src/components/views/Thread.jsx
+++ b/src/components/views/Thread.jsx
@@ -18,6 +18,7 @@ import formatState from '../../utils/formatState';
 import getCommentMediaInfo from '../../utils/getCommentMediaInfo';
 import getDate from '../../utils/getDate';
 import handleAddressClick from '../../utils/handleAddressClick';
+import handleImageClick from '../../utils/handleImageClick';
 import handleQuoteClick from '../../utils/handleQuoteClick';
 import handleStyleChange from '../../utils/handleStyleChange';
 import useClickForm from '../../hooks/useClickForm';
@@ -466,23 +467,35 @@ const Thread = () => {
                           {commentMediaInfo?.type === "webpage" ? (
                             <span key={`fta-${comment.cid}`} className="file-thumb">
                               {comment.thumbnailUrl ? (
-                                <img key={`fti-${index}`} src={comment.thumbnailUrl} alt="thumbnail" onError={(e) => e.target.src = fallbackImgUrl} />
+                                <img key={`fti-${index}`} 
+                                src={comment.thumbnailUrl} alt={commentMediaInfo.type}
+                                onClick={handleImageClick}
+                                style={{cursor: "pointer"}} 
+                                onError={(e) => e.target.src = fallbackImgUrl} />
                               ) : null}
                             </span>
                           ) : null}
                           {commentMediaInfo?.type === "image" ? (
                             <span key={`fta-${comment.cid}`} className="file-thumb">
-                              <img key={`fti-${comment.cid}`} src={commentMediaInfo.url} alt={commentMediaInfo.type} onError={(e) => e.target.src = fallbackImgUrl} />
+                              <img key={`fti-${comment.cid}`} 
+                              src={commentMediaInfo.url} alt={commentMediaInfo.type}
+                              onClick={handleImageClick}
+                              style={{cursor: "pointer"}} 
+                              onError={(e) => e.target.src = fallbackImgUrl} />
                             </span>
                           ) : null}
                           {commentMediaInfo?.type === "video" ? (
                             <span key={`fta-${comment.cid}`} className="file-thumb">
-                              <video controls key={`fti-${comment.cid}`} src={commentMediaInfo.url} alt={commentMediaInfo.type} onError={(e) => e.target.src = fallbackImgUrl} />
+                              <video controls key={`fti-${comment.cid}`} 
+                              src={commentMediaInfo.url} alt={commentMediaInfo.type} 
+                              onError={(e) => e.target.src = fallbackImgUrl} />
                             </span>
                           ) : null}
                           {commentMediaInfo?.type === "audio" ? (
                             <span key={`fta-${comment.cid}`} className="file-thumb">
-                              <audio controls key={`fti-${comment.cid}`} src={commentMediaInfo.url} alt={commentMediaInfo.type} onError={(e) => e.target.src = fallbackImgUrl} />
+                              <audio controls key={`fti-${comment.cid}`} 
+                              src={commentMediaInfo.url} alt={commentMediaInfo.type} 
+                              onError={(e) => e.target.src = fallbackImgUrl} />
                             </span>
                           ) : null}
                         </div>
@@ -653,8 +666,9 @@ const Thread = () => {
                                   <span key={`fta-${index}`} className="file-thumb-reply">
                                     {reply.thumbnailUrl ? (
                                       <img key={`fti-${index}`}
-                                      src={reply.thumbnailUrl} 
-                                      alt="thumbnail" 
+                                      src={reply.thumbnailUrl} alt="thumbnail" 
+                                      onClick={handleImageClick}
+                                      style={{cursor: "pointer"}}
                                       onError={(e) => e.target.src = fallbackImgUrl} />
                                     ) : null}
                                   </span>
@@ -662,23 +676,22 @@ const Thread = () => {
                                 {replyMediaInfo?.type === "image" ? (
                                   <span key={`fta-${index}`} className="file-thumb-reply">
                                     <img key={`fti-${index}`}
-                                    src={replyMediaInfo.url} 
-                                    alt={replyMediaInfo.type} 
+                                    src={replyMediaInfo.url} alt={replyMediaInfo.type} 
+                                    onClick={handleImageClick}
+                                    style={{cursor: "pointer"}}
                                     onError={(e) => e.target.src = fallbackImgUrl} />
                                   </span>
                                 ) : null}
                                 {replyMediaInfo?.type === "video" ? (
                                   <span key={`fta-${index}`} className="file-thumb-reply">
-                                    <video controls
-                                    key={`fti-${index}`} 
+                                    <video controls key={`fti-${index}`} 
                                     src={replyMediaInfo.url} alt={replyMediaInfo.type} 
                                     onError={(e) => e.target.src = fallbackImgUrl} />
                                   </span>
                                 ) : null}
                                 {replyMediaInfo?.type === "audio" ? (
                                   <span key={`fta-${index}`} className="file-thumb-reply">
-                                    <audio controls 
-                                    key={`fti-${index}`}
+                                    <audio controls key={`fti-${index}`}
                                     src={replyMediaInfo.url} alt={replyMediaInfo.type} 
                                     onError={(e) => e.target.src = fallbackImgUrl} />
                                   </span>
diff --git a/src/utils/handleImageClick.js b/src/utils/handleImageClick.js
new file mode 100644
index 00000000..c26fe9ae
--- /dev/null
+++ b/src/utils/handleImageClick.js
@@ -0,0 +1,5 @@
+const handleImageClick = (e) => {
+  e.target.classList.toggle('enlarged');
+};
+
+export default handleImageClick;
\ No newline at end of file