diff --git a/src/views/Sessions.vue b/src/views/Sessions.vue
index a6c6ef2..f70c5e6 100644
--- a/src/views/Sessions.vue
+++ b/src/views/Sessions.vue
@@ -8,22 +8,22 @@
                 <div class="card-header">
                     <div class="session-icon"><i class="fas fa-key" aria-hidden="true"></i></div>
                     <div class="session-info">
-                        <div class="session-user">{{ session.username }}</div>
+                        <div class="session-user">{{ session.Username }}</div>
                         <div class="session-id">{{ session.ID }}</div>
                     </div>
                 </div>
                 <div class="card-body">
                     <div class="info-row">
                         <span class="label">User ID:</span>
-                        <span class="value">{{ session.userID }}</span>
+                        <span class="value">{{ session.UserID }}</span>
                     </div>
                     <div class="info-row">
                         <span class="label">Create Time:</span>
-                        <span class="value">{{ formatDate(session.expireAt) }}</span>
+                        <span class="value">{{ formatDate(session.CreateAt) }}</span>
                     </div>
                     <div class="info-row">
                         <span class="label">Expire Time:</span>
-                        <span class="value">{{ formatDate(session.expireAt) }}</span>
+                        <span class="value">{{ formatDate(session.ExpireAt) }}</span>
                     </div>
                 </div>
                 <div class="card-footer">
@@ -118,6 +118,7 @@ export default {
 }
 
 .session-user {
+    margin-left: 8px;
     font-size: 16px;
     font-weight: 600;
     color: var(--text-color);
@@ -126,9 +127,10 @@ export default {
 }
 
 .session-id {
+    margin-left: 8px;
     font-size: 12px;
     color: #999;
-    font-family: monospace;
+    font-family: 'Consolas', Courier, monospace;
 }
 
 .card-body {