diff --git a/client_document_details.php b/client_document_details.php
index 93b428de..6bb11e7b 100644
--- a/client_document_details.php
+++ b/client_document_details.php
@@ -54,12 +54,21 @@ $document_parent = intval($row['document_parent']);
 <div class="row">
 
   <div class="col-md-9">
-    <h3><?php echo $document_name; ?></h3>
-    <small class="text-secondary"><?php echo $document_description; ?></small>
-    <div class=""><strong>Date:</strong> <?php echo $document_created_at; ?></div>
-    <div class="mt-1"><strong>Prepared By:</strong> <?php echo $document_created_by_name; ?></div>
-    <div class="mt-1"><strong>Revision:</strong></div>
-    <div class="tinymcePreview"><?php echo $document_content; ?></div>
+    <div class="card">
+      <div class="card-header bg-dark">
+        
+        <h3><?php echo $document_name; ?> <small><?php echo $document_description; ?></small></h3>
+        
+        <div class="row">
+          <div class="col"><strong>Date:</strong> <?php echo date('Y-m-d', strtotime($document_created_at)); ?></div>
+          <div class="col"><strong>Prepared By:</strong> <?php echo $document_created_by_name; ?></div>
+          <div class="col"><strong>Revision:</strong></div>
+        </div>
+      </div>
+      <div class="card-body" id="formatTables">
+        <?php echo $document_content; ?>
+      </div>
+    </div>
   </div>
 
 	<div class="col-md-3 d-print-none">
@@ -275,6 +284,15 @@ $document_parent = intval($row['document_parent']);
 
 </div>
 
+<script>
+document.addEventListener("DOMContentLoaded", function(){
+  let tables = document.querySelectorAll('div#formatTables');
+  tables.forEach(function(table){
+    table.classList.add('table');
+  });
+});
+</script>
+
 <?php
 
 require_once("client_document_edit_modal.php");
diff --git a/client_documents.php b/client_documents.php
index 78da8f06..9bbd9390 100644
--- a/client_documents.php
+++ b/client_documents.php
@@ -197,8 +197,12 @@ $num_rows = mysqli_fetch_row(mysqli_query($mysqli, "SELECT FOUND_ROWS()"));
                                 <tr>
                                     <td>
                                         <a href="client_document_details.php?client_id=<?php echo $client_id; ?>&document_id=<?php echo $document_id; ?>"><i class="fas fa-fw fa-file-alt"></i> <?php echo $document_name; ?></a>
+                                        <div class="text-secondary mt-1"><?php echo $document_description; ?>
+                                    </td>
+                                    <td>
+                                        <?php echo $document_created_at; ?>
+                                        <div class="text-secondary mt-1"><?php echo $document_created_by_name; ?>
                                     </td>
-                                    <td><?php echo "$document_created_at by $document_created_by_name"; ?></td>
                                     <td><?php echo $document_updated_at; ?></td>
                                     <td>
                                         <div class="dropdown dropleft text-center">