diff --git a/apps/static/css/index.css b/apps/static/css/index.css
index ff49fb4..4105183 100644
--- a/apps/static/css/index.css
+++ b/apps/static/css/index.css
@@ -83,6 +83,14 @@ body {
     border-bottom: 1px solid var(--bs-border-color) !important;
 }
 
+.w-fc {
+    width: fit-content;
+}
+
+.h-fc {
+    height: fit-content;
+}
+
 
 /* Ticket List Items */
 
@@ -105,6 +113,10 @@ body {
     object-fit: cover;
 }
 
+.ticket-item .ticket-item-author {
+    margin-bottom: 0;
+}
+
 .ticket-item .ticket-item-title {
     color: var(--bs-body-color);
     font-size: 1rem;
@@ -117,6 +129,11 @@ body {
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
+    max-height: 3rem;
+}
+
+.ticket-item .ticket-item-tags .ticket-content-badge:last-child {
+    margin-right: 0 !important;
 }
 
 .loading .email-list-item {
@@ -153,6 +170,14 @@ body {
     border-right: 1px solid var(--bs-border-color);
 }
 
+.email-app .email-side-nav .nav-item .nav-link {
+    color: var(--bs-tertiary-color);
+}
+
+.email-app .email-wrapper {
+    min-height: 0;
+}
+
 @media screen and (min-width: 992px) {
     .email-app .email-wrapper .email-list {
         border-right: 1px solid var(--bs-border-color);
diff --git a/apps/templates/home/tickets.html b/apps/templates/home/tickets.html
index 3bf061a..0d88473 100644
--- a/apps/templates/home/tickets.html
+++ b/apps/templates/home/tickets.html
@@ -187,12 +187,15 @@
                             </div>
                         </div>
                         <div class="peer">
-                            <div class="btn-group" role="group">
-                                <button type="button" id="ticketItemsPrevPage" class="btn bg-body bdrs-2 mR-3" onclick="javascript: changeItemsPage(false);" disabled>
+                            <div class="btn-group bg-body mX-3" role="group">
+                                <button type="button" id="ticketItemsPrevPage" class="btn bg-body bdrs-2" onclick="javascript: changeItemsPage(false);" disabled>
                                     <i class="ti-angle-left"></i>
                                 </button>
-                                <button type="button" id="ticketItemsNextPage" class="btn bg-body bdrs-2 mR-3" onclick="javascript: changeItemsPage(true);" disabled>
-                                    <i class="ti-angle-right"></i>
+                                <div id="paginationCounts" class="bg-body pX-3 small d-flex ai-c">
+                                    <span class="current">-</span>/<span class="total">-</span>
+                                </div>
+                                <button type="button" id="ticketItemsNextPage" class="btn bg-body bdrs-2" onclick="javascript: changeItemsPage(true);" disabled>
+                                    <i class="ti-angle-right align-center"></i>
                                 </button>
                             </div>
                         </div>
@@ -425,7 +428,7 @@
             <img src="" alt="" class="ticket-item-icon me-2">
         </div>
         <div class="peer peer-greed ov-h">
-            <div class="peers ai-c">
+            <div class="peers ai-c mb-2">
                 <div class="peer peer-greed">
                     <h6 class="ticket-item-author"></h6>
                 </div>
@@ -433,8 +436,12 @@
                     <small class="ticket-item-datetime"></small>
                 </div>
             </div>
-            <h5 class="ticket-item-title"></h5>
-            <div class="ticket-item-desc"></div>
+            <h5 class="ticket-item-title mb-0"></h5>
+            <div class="ticket-item-desc mt-2"></div>
+            <div class="peers">
+                <div class="ticket-item-priority pe-5 peer peer-greed"></div>
+                <div class="ticket-item-tags peer d-flex flex-wrap mw-100"></div>
+            </div>
         </div>
     </div>
 </script>
@@ -466,7 +473,7 @@
 
 <!-- Ticket Content Badge Template -->
 <script id="ticketContentBadgeTemplate" type=text/template>
-    <div class="ticket-content-badge badge me-1">
+    <div class="ticket-content-badge badge rounded-pill mT-15 me-2">
         <span class="ticket-content-badge-text"></span>
         <i class="ticket-content-badge-icon"></i>
     </div>