diff --git a/src/components/manage/Contents/ContentsItem.jsx b/src/components/manage/Contents/ContentsItem.jsx
index a0adba5d74..5039fcfee0 100644
--- a/src/components/manage/Contents/ContentsItem.jsx
+++ b/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';
@@ -153,13 +159,40 @@ 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']}
-              />{' '}
+              {item['@type'] === 'Image' ? (
+                <SemanticUiPopup
+                  trigger={
+                    <div>
+                      <Icon
+                        name={getContentIcon(item['@type'], item.is_folderish)}
+                        size="20px"
+                        className="icon-margin"
+                        color="#878f93"
+                        title={item['Type'] || item['@type']}
+                      />{' '}
+                    </div>
+                  }
+                >
+                  <SemanticUiPopup.Content>
+                    <div>
+                      <img
+                        style={{ height: '100%', width: '100%' }}
+                        className="popup-image"
+                        src={`${item['@id']}/@@images/image`}
+                        alt=""
+                      />
+                    </div>
+                  </SemanticUiPopup.Content>
+                </SemanticUiPopup>
+              ) : (
+                <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>
             {item.ExpirationDate !== 'None' &&