image styles for image view modal window

src/app/styles/pages-styles.scss

@@ -3387,6 +3387,33 @@
 		overflow-y: auto;
 		background: v.$white;
 
+		.image-section {
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			min-height: 400px;
+			background: #fafafa;
+			border-radius: 12px;
+			position: relative;
+		}
+
+		.image-container {
+			position: relative;
+			width: 100%;
+			height: 100%;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+
+			img {
+				max-width: 100%;
+				max-height: 100%;
+				object-fit: contain;
+				border-radius: 8px;
+				box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
+			}
+		}
+
 		.file-info-card {
 			background: #ffffff;
 			border: 1px solid #e2e8f0;

src/app/ui/search/searched-user-files-list.tsx

@@ -54,11 +54,13 @@ export function SearchedUserFilesList({ list }: { list: any }) {
 						className="modal-window-view-file-content"
 					>
 						<div className="flex gap-2">
-							<div>
-								<img
-									src={e.url ? e.url : '#'}
-									alt="img"
-								/>
+							<div className="image-section">
+								<div className="image-container">
+									<img
+										src={e.url ? e.url : '#'}
+										alt="img"
+									/>
+								</div>
 							</div>
 							<div
 								className="file-info-card"