From 51b893d51d6c20b0c5041608ee3ae6b4920068b8 Mon Sep 17 00:00:00 2001
From: Debanjum <debanjum@gmail.com>
Date: Sat, 29 Nov 2025 12:51:51 -0800
Subject: [PATCH] Fix to ensure rectangular generated images are not cropped on
 web app

Previously non-square images would get cropped when being displayed on
web app
---
 .../web/app/components/chatMessage/chatMessage.module.css     | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/interface/web/app/components/chatMessage/chatMessage.module.css b/src/interface/web/app/components/chatMessage/chatMessage.module.css
index 0f648362..2d56abec 100644
--- a/src/interface/web/app/components/chatMessage/chatMessage.module.css
+++ b/src/interface/web/app/components/chatMessage/chatMessage.module.css
@@ -127,7 +127,9 @@ div.imageWrapper img {
 }
 
 div.khoj div.imageWrapper img {
-    height: 512px;
+    max-height: 512px;
+    height: auto;
+    object-fit: contain;
 }
 
 div.khoj div.imageWrapper {