diff --git a/packages/app/src/features/response-pane/components/molecules/PrettyRenderSelection.tsx b/packages/app/src/features/response-pane/components/molecules/PrettyRenderSelection.tsx
index d1e1944f..c0fb250d 100644
--- a/packages/app/src/features/response-pane/components/molecules/PrettyRenderSelection.tsx
+++ b/packages/app/src/features/response-pane/components/molecules/PrettyRenderSelection.tsx
@@ -32,7 +32,7 @@ const PrettyRenderSelection: React.FC<React.PropsWithChildren<PrettyRenderSelect
 					<option value={'video'}>{'Video'}</option>
 				</optgroup>
 				<optgroup label={'Other'}>
-					<option disabled>{'Web'}</option>
+					<option value={'web'}>{'Web'}</option>
 					<option value={'hex'}>{'Hex'}</option>
 				</optgroup>
 			</Select>
diff --git a/packages/app/src/features/response-pane/components/organisms/PrettyViewer.tsx b/packages/app/src/features/response-pane/components/organisms/PrettyViewer.tsx
index 71ddab88..f29b0cc9 100644
--- a/packages/app/src/features/response-pane/components/organisms/PrettyViewer.tsx
+++ b/packages/app/src/features/response-pane/components/organisms/PrettyViewer.tsx
@@ -175,6 +175,14 @@ function renderFormat(language: string | null, contentType: string | null, body:
 			);
 		}
 
+		case 'web': {
+			const blob = URL.createObjectURL(new Blob([body], { type: contentType ?? 'text/html' }));
+
+			return (
+				<iframe src={blob} />
+			);
+		}
+
 		case null:
 		default: {
 			const text = new TextDecoder().decode(body);