diff --git a/packages/volto/news/6550.feature b/packages/volto/news/6550.feature
new file mode 100644
index 0000000000..b5be0f4f10
--- /dev/null
+++ b/packages/volto/news/6550.feature
@@ -0,0 +1 @@
+Show preview image in folder contents view on hover @iRohitSingh
\ No newline at end of file
diff --git a/packages/volto/src/components/manage/Contents/ContentsItem.jsx b/packages/volto/src/components/manage/Contents/ContentsItem.jsx
index 1db0a4da4b..392030000b 100644
--- a/packages/volto/src/components/manage/Contents/ContentsItem.jsx
+++ b/packages/volto/src/components/manage/Contents/ContentsItem.jsx
@@ -4,7 +4,13 @@
  */
 
 import React from 'react';
-import { Button, Table, Menu, Divider } from 'semantic-ui-react';
+import {
+  Button,
+  Table,
+  Menu,
+  Divider,
+  Popup as SemanticUiPopup,
+} from 'semantic-ui-react';
 import { Link } from 'react-router-dom';
 import PropTypes from 'prop-types';
 import map from 'lodash/map';
@@ -97,6 +103,8 @@ export const ContentsItemComponent = ({
   order,
 }) => {
   const intl = useIntl();
+  const previewImageUrl = `${item['@id']}/${item.image_scales?.image?.[0]?.scales?.teaser?.download}`;
+  const previewIconUrl = `${item['@id']}/${item.image_scales?.image?.[0]?.scales?.thumb?.download}`;
 
   return connectDropTarget(
     connectDragPreview(
@@ -156,14 +164,41 @@ export const ContentsItemComponent = ({
             to={`${item['@id']}${item.is_folderish ? '/contents' : ''}`}
           >
             <div className="expire-align">
-              <Icon
-                name={getContentIcon(item['@type'], item.is_folderish)}
-                size="20px"
-                className="icon-margin"
-                color="#878f93"
-                title={item['Type'] || item['@type']}
-              />{' '}
-              <span title={item.title}> {item.title}</span>
+              {item['@type'] === 'Image' ? (
+                <SemanticUiPopup
+                  trigger={
+                    <div className="preview-image-container">
+                      <img
+                        className="popup-image-icon"
+                        src={previewIconUrl}
+                        alt=""
+                      />{' '}
+                      <span title={item.title}> {item.title}</span>
+                    </div>
+                  }
+                >
+                  <SemanticUiPopup.Content>
+                    <div>
+                      <img
+                        className="popup-preview-image"
+                        src={previewImageUrl}
+                        alt=""
+                      />
+                    </div>
+                  </SemanticUiPopup.Content>
+                </SemanticUiPopup>
+              ) : (
+                <div className="preview-image-container">
+                  <Icon
+                    name={getContentIcon(item['@type'], item.is_folderish)}
+                    size="20px"
+                    className="icon-margin"
+                    color="#878f93"
+                    title={item['Type'] || item['@type']}
+                  />
+                  <span title={item.title}> {item.title}</span>
+                </div>
+              )}
             </div>
             {item.ExpirationDate !== 'None' &&
               new Date(item.ExpirationDate).getTime() <
diff --git a/packages/volto/src/components/manage/Contents/__snapshots__/ContentsItem.test.jsx.snap b/packages/volto/src/components/manage/Contents/__snapshots__/ContentsItem.test.jsx.snap
index bfbbff011f..2bf8a3ea7e 100644
--- a/packages/volto/src/components/manage/Contents/__snapshots__/ContentsItem.test.jsx.snap
+++ b/packages/volto/src/components/manage/Contents/__snapshots__/ContentsItem.test.jsx.snap
@@ -79,31 +79,34 @@ exports[`ContentsItem renders a contents item component 1`] = `
       <div
         className="expire-align"
       >
-        <svg
-          className="icon icon-margin"
-          dangerouslySetInnerHTML={
-            Object {
-              "__html": "<title>Pagina</title>undefined",
+        <div
+          className="preview-image-container"
+        >
+          <svg
+            className="icon icon-margin"
+            dangerouslySetInnerHTML={
+              Object {
+                "__html": "<title>Pagina</title>undefined",
+              }
             }
-          }
-          onClick={null}
-          style={
-            Object {
-              "fill": "#878f93",
-              "height": "20px",
-              "width": "auto",
+            onClick={null}
+            style={
+              Object {
+                "fill": "#878f93",
+                "height": "20px",
+                "width": "auto",
+              }
             }
-          }
-          viewBox=""
-          xmlns=""
-        />
-         
-        <span
-          title="Blog"
-        >
-           
-          Blog
-        </span>
+            viewBox=""
+            xmlns=""
+          />
+          <span
+            title="Blog"
+          >
+             
+            Blog
+          </span>
+        </div>
       </div>
     </a>
   </td>
diff --git a/packages/volto/theme/themes/pastanaga/extras/contents.less b/packages/volto/theme/themes/pastanaga/extras/contents.less
index 64a1383dfc..384a5f5b26 100644
--- a/packages/volto/theme/themes/pastanaga/extras/contents.less
+++ b/packages/volto/theme/themes/pastanaga/extras/contents.less
@@ -140,6 +140,17 @@
   .ui.table .expire-align {
     display: flex;
     align-items: center;
+
+    .preview-image-container {
+      display: flex;
+      align-items: center;
+
+      .popup-image-icon {
+        width: 20px;
+        height: 20px;
+        margin-right: 4px;
+      }
+    }
   }
 
   .ui.table .icon-margin {
@@ -153,6 +164,11 @@
     color: white;
   }
 }
+/* Folder contents preview image on title hover */
+.popup-preview-image {
+  width: 100%;
+  height: 100%;
+}
 
 .contents-pagination {
   .ui.secondary.menu .item {