diff --git a/src-web/components/ResponsePane.tsx b/src-web/components/ResponsePane.tsx
index b303bb62..5677a54a 100644
--- a/src-web/components/ResponsePane.tsx
+++ b/src-web/components/ResponsePane.tsx
@@ -180,7 +180,7 @@ export const ResponsePane = memo(function ResponsePane({ style, className }: Pro
               ) : viewMode === 'pretty' && contentType?.includes('html') ? (
                 <WebPageViewer response={activeResponse} />
               ) : contentType?.startsWith('image') ? (
-                <ImageViewer response={activeResponse} />
+                <ImageViewer className="pb-2" response={activeResponse} />
               ) : (
                 <TextViewer response={activeResponse} pretty={viewMode === 'pretty'} />
               )}
diff --git a/src-web/components/responseViewers/ImageViewer.tsx b/src-web/components/responseViewers/ImageViewer.tsx
index 00ace265..278ef85d 100644
--- a/src-web/components/responseViewers/ImageViewer.tsx
+++ b/src-web/components/responseViewers/ImageViewer.tsx
@@ -1,15 +1,23 @@
 import { convertFileSrc } from '@tauri-apps/api/tauri';
+import classnames from 'classnames';
 import type { HttpResponse } from '../../lib/models';
 
 interface Props {
   response: HttpResponse;
+  className?: string;
 }
 
-export function ImageViewer({ response }: Props) {
+export function ImageViewer({ response, className }: Props) {
   if (response.bodyPath === null) {
     return <div>Empty response body</div>;
   }
 
   const src = convertFileSrc(response.bodyPath);
-  return <img src={src} alt="Response preview" />;
+  return (
+    <img
+      src={src}
+      alt="Response preview"
+      className={classnames(className, 'max-w-full max-h-full')}
+    />
+  );
 }