diff --git a/packages/strapi-plugin-content-manager/admin/src/components/MediaPreviewList/StyledMediaPreviewList.js b/packages/strapi-plugin-content-manager/admin/src/components/MediaPreviewList/StyledMediaPreviewList.js
index 4edc921f2c..c471adc722 100644
--- a/packages/strapi-plugin-content-manager/admin/src/components/MediaPreviewList/StyledMediaPreviewList.js
+++ b/packages/strapi-plugin-content-manager/admin/src/components/MediaPreviewList/StyledMediaPreviewList.js
@@ -67,6 +67,7 @@ const MediaPreviewFile = styled(MediaPreviewItem)`
     span {
       display: block;
       padding: 0 3px;
+      text-transform: uppercase;
     }
     i {
       position: absolute;
diff --git a/packages/strapi-plugin-content-manager/admin/src/components/MediaPreviewList/index.js b/packages/strapi-plugin-content-manager/admin/src/components/MediaPreviewList/index.js
index ccc4881fab..a4b1842d14 100644
--- a/packages/strapi-plugin-content-manager/admin/src/components/MediaPreviewList/index.js
+++ b/packages/strapi-plugin-content-manager/admin/src/components/MediaPreviewList/index.js
@@ -17,7 +17,12 @@ function MediaPreviewList({ hoverable, files }) {
   const getFileType = fileName => fileName.split('.').slice(-1)[0];
 
   const renderImage = image => {
-    const { name, url } = image;
+    const { name, size, url } = image;
+
+    // TODO !! - Specific UI for size > 200MB
+    if (size > 200) {
+      return renderFile(image);
+    }
 
     return (
       <MediaPreviewImage className={hoverable ? 'hoverable' : ''}>
@@ -30,13 +35,13 @@ function MediaPreviewList({ hoverable, files }) {
   };
 
   const renderFile = file => {
-    const { ext, name } = file;
+    const { name } = file;
     const fileType = getFileType(name);
 
     return (
       <MediaPreviewFile className={hoverable ? 'hoverable' : ''}>
         <div>
-          <span>{ext}</span>
+          <span>{fileType}</span>
           <i className={`fa fa-file-${fileType}-o`} />
         </div>
         <span>{name}</span>
@@ -88,7 +93,7 @@ function MediaPreviewList({ hoverable, files }) {
 }
 
 MediaPreviewList.default = {
-  hoverable: false,
+  hoverable: true,
   files: null,
 };