diff --git a/webviews/src/routes/chatsHistory/index.tsx b/webviews/src/routes/chatsHistory/index.tsx
index 63e0536..ec51539 100644
--- a/webviews/src/routes/chatsHistory/index.tsx
+++ b/webviews/src/routes/chatsHistory/index.tsx
@@ -32,12 +32,23 @@ const ChatsHistory = () => {
         {chats.reverse().map((chat) => (
           <div className={styles.chatHistoryChat} key={chat.chatId}>
             <h4>{chat.title}</h4>
-            <VSCodeButton
-              appearance="secondary"
-              onClick={() => navigate(`/chats/${chat.chatId}`)}
-            >
-              Open Chat
-            </VSCodeButton>
+            <div className={styles.chatHistoryChatButtons}>
+              <VSCodeButton
+                appearance="secondary"
+                onClick={() => navigate(`/chats/${chat.chatId}`)}
+              >
+                Open Chat
+              </VSCodeButton>
+              <p>
+                {new Date(chat.date).toLocaleString(undefined, {
+                  month: "short",
+                  day: "numeric",
+                  hour: "numeric",
+                  minute: "numeric",
+                  second: "numeric",
+                })}
+              </p>
+            </div>
           </div>
         ))}
       </div>
diff --git a/webviews/src/routes/chatsHistory/style.module.css b/webviews/src/routes/chatsHistory/style.module.css
index 12dee54..8913312 100644
--- a/webviews/src/routes/chatsHistory/style.module.css
+++ b/webviews/src/routes/chatsHistory/style.module.css
@@ -17,3 +17,8 @@
   align-items: center;
   padding: 16px;
 }
+
+.chatHistoryChatButtons {
+  display: flex;
+  flex-direction: column;
+}