diff --git a/assets/css/ticket.css b/assets/css/ticket.css
index 76d6718..7f6a617 100644
--- a/assets/css/ticket.css
+++ b/assets/css/ticket.css
@@ -31,6 +31,13 @@
     margin-top: 10px;
 }
 
+.ticket-details {
+    margin-top: 30px;
+    padding: 20px;
+    background: var(--bg-primary);
+    border-radius: 8px;
+}
+
 .header-controls {
     display: flex;
     gap: 15px;
@@ -82,7 +89,8 @@ h1 {
 
 /* Form Elements */
 .detail-group {
-    margin-bottom: 20px;
+    margin-bottom: 30px;
+    padding: 15px;
 }
 
 .detail-group label {
@@ -107,6 +115,7 @@ h1 {
     border-radius: 6px;
     background: var(--bg-primary);
     color: var(--text-primary);
+    transition: all 0.3s ease;
 }
 
 input.editable {
@@ -136,6 +145,7 @@ textarea.editable {
     font-weight: 500;
     background: var(--bg-primary);
     color: var(--text-primary);
+    transition: all 0.3s ease;
 }
 
 .btn.primary {
@@ -148,6 +158,11 @@ textarea.editable {
     color: white;
 }
 
+.btn:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+}
+
 /* Status and Priority Styles */
 .status-priority-row {
     display: flex;
@@ -233,9 +248,10 @@ select[data-field="priority"] option[value="4"]:hover {
 
 /* Comments Section */
 .comments-section {
-    margin-top: 30px;
-    padding-top: 20px;
-    border-top: 1px solid var(--border-color);
+    margin-top: 40px;
+    padding: 25px;
+    background: var(--bg-secondary);
+    border-radius: 8px;
 }
 
 .comment-form {
@@ -255,9 +271,10 @@ select[data-field="priority"] option[value="4"]:hover {
 
 .comment {
     background: var(--bg-primary);
-    padding: 15px;
-    border-radius: 6px;
-    margin-bottom: 10px;
+    padding: 20px;
+    border-radius: 8px;
+    margin-bottom: 20px;
+    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
 }
 
 .comment-header {
@@ -296,12 +313,19 @@ select[data-field="priority"] option[value="4"]:hover {
 }
 
 .tab-btn {
-    padding: 10px 20px;
+    padding: 12px 24px;
     border: 1px solid var(--border-color);
     background: var(--bg-secondary);
     border-radius: 6px;
     cursor: pointer;
     font-weight: 500;
+    font-size: 1.1em;
+    transition: all 0.3s ease;
+}
+
+.tab-btn:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
 }
 
 .tab-btn.active {