diff --git a/packages/strapi-plugin-upload/admin/src/components/CardPreview/index.js b/packages/strapi-plugin-upload/admin/src/components/CardPreview/index.js
index d149aba321..eb37f0baf6 100644
--- a/packages/strapi-plugin-upload/admin/src/components/CardPreview/index.js
+++ b/packages/strapi-plugin-upload/admin/src/components/CardPreview/index.js
@@ -11,16 +11,16 @@ import Image from './Image';
 const CardPreview = ({ hasError, url, type }) => {
   const isFile = getType(type) === 'file';
 
-  const renderFile = () => <FileIcon fileType={type} />;
-
-  const renderImage = () => <Image src={url} />;
+  if (hasError) {
+    return (
+      <Wrapper isFile>
+        <BrokenFile />
+      </Wrapper>
+    );
+  }
 
   return (
-    <Wrapper isFile={isFile || hasError}>
-      {!hasError && isFile && renderFile()}
-      {!hasError && !isFile && renderImage()}
-      {hasError && <BrokenFile />}
-    </Wrapper>
+    <Wrapper isFile={isFile}>{isFile ? <FileIcon fileType={type} /> : <Image src={url} />}</Wrapper>
   );
 };