#428

frontend/src/components/ErrorScreen.tsx

@@ -45,10 +45,16 @@ const ErrorScreen: FC<Props> = ({ status }) => {
 			space-y-2 sm:space-y-4 md:space-y-6 text-center flex flex-col justify-center items-center"
 	     style={{ fontFamily: 'Nikumaru' }}>
 	  <p>{status}</p>
-	  <div className="flex flex-row space-x-1 sm:space-x-2 md:space-x-4">
-	    <p style={{ writingMode: 'vertical-rl' }}>{label (`${ status }.left`)}</p>
-	    <img className="max-w-[70vw]" src={errorImg} alt={translate ('imageAlt').text}/>
-	    <p style={{ writingMode: 'vertical-rl' }}>{label (`${ status }.right`)}</p>
+	  <div className="flex w-full min-w-0 items-center justify-center
+		  space-x-1 sm:space-x-2 md:space-x-4">
+	    <p className="shrink-0" style={{ writingMode: 'vertical-rl' }}>
+	      {label (`${ status }.left`)}
+	    </p>
+	    <img className="aspect-video h-auto min-w-0 max-w-[70vw] object-contain"
+		width={640} height={360} src={errorImg} alt={translate ('imageAlt').text}/>
+	    <p className="shrink-0" style={{ writingMode: 'vertical-rl' }}>
+	      {label (`${ status }.right`)}
+	    </p>
 	  </div>
 	  <p className="mr-[-.5em]">{label (`${ status }.message`)}</p>
 	</div>