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 c471adc722..fa7c6d479f 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
@@ -42,7 +42,8 @@ const MediaPreviewItem = styled.div`
     height: 100%;
     overflow: hidden;
     border-radius: calc(${sizes.small} / 2);
-    background-color: #fafafb;
+    background-color: #f3f3f4;
+    border: 1px solid #f3f3f4;
   }
   &.hoverable {
     :hover {
@@ -59,20 +60,21 @@ const MediaPreviewFile = styled(MediaPreviewItem)`
   }
   div {
     position: relative;
-    background-color: #9fa7b6;
-    color: white;
+    background-color: #f3f3f4;
+    color: #333740;
     text-align: center;
     line-height: ${sizes.small};
-    font-size: 11px;
     span {
       display: block;
       padding: 0 3px;
       text-transform: uppercase;
+      font-size: 10px;
+      font-weight: 600;
     }
     i {
       position: absolute;
-      left: 0;
-      top: 0;
+      left: 1px;
+      top: -1px;
       font-size: 15px;
       width: 100%;
       height: 100%;
@@ -81,7 +83,7 @@ const MediaPreviewFile = styled(MediaPreviewItem)`
         height: 100%;
         padding: 10px;
         line-height: 35px;
-        background: #9fa7b6;
+        background: #f3f3f4;
       }
     }
   }
@@ -109,6 +111,7 @@ const MediaPreviewText = styled(MediaPreviewItem)`
     color: #333740;
     text-align: center;
     line-height: ${sizes.small};
+    font-weight: 600;
   }
 `;
 
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 36cbb208da..8477bbbaf2 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
@@ -91,7 +91,7 @@ function MediaPreviewList({ hoverable, files }) {
   );
 }
 
-MediaPreviewList.default = {
+MediaPreviewList.defaultProps = {
   hoverable: true,
   files: null,
 };
diff --git a/packages/strapi-plugin-content-manager/admin/src/containers/ListView/index.js b/packages/strapi-plugin-content-manager/admin/src/containers/ListView/index.js
index 1715004e47..4e853a42b1 100644
--- a/packages/strapi-plugin-content-manager/admin/src/containers/ListView/index.js
+++ b/packages/strapi-plugin-content-manager/admin/src/containers/ListView/index.js
@@ -132,7 +132,7 @@ function ListView({
       Object.keys(getMetaDatas())
         .filter(
           key =>
-            !['json', 'group', 'relation', 'media', 'richtext'].includes(
+            !['json', 'group', 'relation', 'richtext'].includes(
               get(layouts, [slug, 'schema', 'attributes', key, 'type'], '')
             )
         )
diff --git a/packages/strapi-plugin-content-manager/admin/src/containers/SettingViewModel/index.js b/packages/strapi-plugin-content-manager/admin/src/containers/SettingViewModel/index.js
index c229b7b159..95a6fe61dd 100644
--- a/packages/strapi-plugin-content-manager/admin/src/containers/SettingViewModel/index.js
+++ b/packages/strapi-plugin-content-manager/admin/src/containers/SettingViewModel/index.js
@@ -214,7 +214,7 @@ function SettingViewModel({
       .filter(key => {
         const type = get(attributes, [key, 'type'], '');
 
-        return !['json', 'relation', 'group', 'media'].includes(type) && !!type;
+        return !['json', 'relation', 'group'].includes(type) && !!type;
       })
       .filter(field => {
         return !getListDisplayedFields().includes(field);