diff --git a/src/components/FileInfo/FileInfo.tsx b/src/components/FileInfo/FileInfo.tsx
index bc5e605c9d..1f22559acf 100644
--- a/src/components/FileInfo/FileInfo.tsx
+++ b/src/components/FileInfo/FileInfo.tsx
@@ -3,6 +3,7 @@ import { availableGlyphs } from '../Icons'
 import { bytesToSize } from '../ImageInput/ImageInput'
 import { IUploadedFileMeta } from 'src/stores/storage'
 import { FileDetails } from './FileDetails'
+import styled from 'styled-components'
 
 interface IProps {
   file: File | IUploadedFileMeta | null
@@ -13,6 +14,10 @@ interface IState {
   size: string
 }
 
+const FileContainer = styled.a`
+  width: 300px;
+`
+
 export class FileInfo extends React.Component<IProps, IState> {
   constructor(props: IProps) {
     super(props)
@@ -46,9 +51,13 @@ export class FileInfo extends React.Component<IProps, IState> {
     return (
       <>
         {allowDownload && meta.downloadUrl ? (
-          <a href={meta.downloadUrl} target="_blank" download={file.name}>
+          <FileContainer
+            href={meta.downloadUrl}
+            target="_blank"
+            download={file.name}
+          >
             <FileDetails file={file} glyph={glyph} size={size} />
-          </a>
+          </FileContainer>
         ) : (
           <FileDetails file={file} glyph={glyph} size={size} />
         )}