diff --git a/src/main/java/org/example/untitled/usercase/controller/CaseController.java b/src/main/java/org/example/untitled/usercase/controller/CaseController.java
index 60cbdac..e600666 100644
--- a/src/main/java/org/example/untitled/usercase/controller/CaseController.java
+++ b/src/main/java/org/example/untitled/usercase/controller/CaseController.java
@@ -7,6 +7,8 @@
 import org.example.untitled.usercase.dto.CommentDto;
 import org.example.untitled.usercase.dto.CreateCaseRequest;
 import org.example.untitled.usercase.dto.CreateCommentRequest;
+import org.example.untitled.usercase.AuditLog;
+import org.example.untitled.usercase.service.AuditLogService;
 import org.example.untitled.usercase.service.CaseService;
 import org.example.untitled.usercase.service.CommentService;
 import org.slf4j.Logger;
@@ -32,12 +34,14 @@ public class CaseController {
 
     private final CaseService caseService;
     private final CommentService commentService;
+    private final AuditLogService auditLogService;
     private static final Logger log = LoggerFactory.getLogger(CaseController.class);
 
 
-    public CaseController(CaseService caseService, CommentService commentService) {
+    public CaseController(CaseService caseService, CommentService commentService, AuditLogService auditLogService) {
         this.caseService = caseService;
         this.commentService = commentService;
+        this.auditLogService = auditLogService;
     }
 
     @PostMapping
@@ -71,8 +75,10 @@ public String showTicketDetails(
             throw new ResponseStatusException(HttpStatus.FORBIDDEN, "You do not own this ticket");
 
         List<CommentDto> comments = commentService.getCommentsByTicketId(id);
+        List<AuditLog> auditLogs = auditLogService.getLogsForCase(id);
         model.addAttribute("ticket", ticket);
         model.addAttribute("comments", comments);
+        model.addAttribute("auditLogs", auditLogs);
         return "ticket";
     }
 
diff --git a/src/main/resources/templates/ticket.html b/src/main/resources/templates/ticket.html
index ef79986..8650650 100644
--- a/src/main/resources/templates/ticket.html
+++ b/src/main/resources/templates/ticket.html
@@ -1,49 +1,59 @@
 <!DOCTYPE html>
-<html xmlns:th="http://www.thymeleaf.org"
+<html xmlns:th="https://www.thymeleaf.org"
       xmlns:sec="http://www.thymeleaf.org/extras/spring-security"
       lang="en">
 <head>
     <meta charset="UTF-8">
     <title>Ticket</title>
-    <link rel="stylesheet" th:href="@{/style.css}" href="/style.css"/>
+    <link rel="stylesheet" th:href="@{/style.css}"/>
 </head>
 <body>
-<div>
+<div class="page-wrapper">
     <h1>Ticket Details</h1>
     <div th:object="${ticket}">
         <div class="ticket-info">
-            <div class="ticket-title">
-                <p th:text="*{title}"></p>
+            <div class="ticket-header">
+                <span class="ticket-title" th:text="*{title}"></span>
+                <span class="status-badge"
+                      th:text="*{status.displayName}"
+                      th:classappend="'status-' + *{status.name().toLowerCase().replace('_', '-')}">
+                </span>
             </div>
             <div class="ticket-body">
-                <p>Status: </p>
-                <p th:text="*{status.displayName}"></p>
-                <p>Handler: </p>
-                <p th:text="*{assignedToUsername}"></p><br>
-                <p>Description: </p>
-                <p th:text="*{description}"></p><br>
+                <p>Handler: <span th:text="*{assignedToUsername} ?: 'Unassigned'"></span></p>
+                <p th:text="*{description}"></p>
             </div>
         </div>
     </div>
-    <div>
-        <div class="ticket-comments">
-            <div th:each="comment : ${comments}" class="comment-box">
-                <p class="comment-text" th:text="${comment.text}"></p>
-                <p class="comment-author">
-                    Author: <span th:text="${comment.authorUsername}"></span>
-                </p>
+
+    <div th:if="${not #lists.isEmpty(comments)}">
+        <h2>Comments</h2>
+        <div th:each="comment : ${comments}" class="ticket-info">
+            <p class="comment-text" th:text="${comment.text}"></p>
+            <p class="assigned">Author: <span th:text="${comment.authorUsername}"></span></p>
+        </div>
+    </div>
+
+    <div th:if="${not #lists.isEmpty(auditLogs)}">
+        <h2>Activity Log</h2>
+        <div th:each="entry : ${auditLogs}" class="ticket-info">
+            <div class="ticket-header">
+                <span class="ticket-title" th:text="${entry.action}"></span>
+                <span class="assigned" th:text="${#temporals.formatISO(entry.timestamp)}"></span>
             </div>
         </div>
     </div>
-    <div class="ticket-footer">
-        <nav>
-            <a th:href="@{/tickets/{id}/close(id=${ticket.id})}">Close</a> |
+
+    <footer style="margin-top: 24px;">
+        <nav style="display: flex; gap: 10px;">
+            <a th:if="${ticket.status.name() != 'CLOSED' and ticket.status.name() != 'SOLVED'}"
+               th:href="@{/tickets/{id}/close(id=${ticket.id})}" class="btn btn-danger">Close</a>
             <a sec:authorize="hasAnyRole('HANDLER', 'SUPERVISOR', 'ADMIN')"
                th:href="@{/handler}" class="btn btn-secondary">Back</a>
             <a sec:authorize="hasRole('USER')"
                th:href="@{/user}" class="btn btn-secondary">Back</a>
         </nav>
-    </div>
+    </footer>
 </div>
 </body>
-</html>
+</html>
\ No newline at end of file
