diff --git a/packages/components/viewer/sub-components/media-error.js b/packages/components/viewer/sub-components/media-error.js
index 5243b8b369..f9bb07fcdc 100644
--- a/packages/components/viewer/sub-components/media-error.js
+++ b/packages/components/viewer/sub-components/media-error.js
@@ -68,7 +68,12 @@ export const MediaError = ({
           top: `${errorTop}`,
         }}
       >
-        <Text fontSize="15px" color={"#fff"} className="title">
+        <Text
+          fontSize="15px"
+          color={"#fff"}
+          textAlign="center"
+          className="title"
+        >
           {errorTitle}
         </Text>
       </StyledMediaError>