diff --git a/helpdesk/templates/helpdesk/ticket/ticket_detail.html b/helpdesk/templates/helpdesk/ticket/ticket_detail.html
index a0010d662..89dfe9381 100644
--- a/helpdesk/templates/helpdesk/ticket/ticket_detail.html
+++ b/helpdesk/templates/helpdesk/ticket/ticket_detail.html
@@ -571,7 +571,7 @@
 <!-- end of create tag modal. -->
 
 <div class="oh-modal" id="viewFileModal" role="dialog" aria-labelledby="viewFileModal" aria-hidden="true">
-    <div class="oh-modal__dialog custom-dialog">
+    <div class="oh-modal__dialog custom-dialog" style="max-width: 900px; width: 90%;">
         <div class="oh-modal__dialog-header">
             <span class="oh-modal__dialog-title" id="viewFileModalLabel">{% trans "View File" %}</span>
             <button class="oh-modal__close" aria-label="Close">
diff --git a/helpdesk/templates/helpdesk/ticket/ticket_document.html b/helpdesk/templates/helpdesk/ticket/ticket_document.html
index 61ec4f90a..a3f8b73be 100644
--- a/helpdesk/templates/helpdesk/ticket/ticket_document.html
+++ b/helpdesk/templates/helpdesk/ticket/ticket_document.html
@@ -20,7 +20,7 @@
 			src="data:{{ content_type }};base64,{{ file_content|base64_encode }}"
 			type="{{ content_type }}"
 			width="100%"
-			height="500px"
+			height="600px"
 		/>
 		{% elif file_extension == 'jpg' or file_extension == 'jpeg' or file_extension == 'png' or file_extension == 'webp' %}
 		<div class="container">
@@ -28,7 +28,7 @@
 				src="data:{{ content_type }};base64,{{ file_content|base64_encode }}"
 				alt="File Preview"
 				class="img-fluid"
-				style="display: block; width: 100%;height: 500px;"
+				style="display: block; width: 100%;height: 600px;"
 			/>
 		</div>
 		{% else %}