diff --git a/src/SessionMessages/SessionMessages.tsx b/src/SessionMessages/SessionMessages.tsx
index d63d08b..4ee59e4 100644
--- a/src/SessionMessages/SessionMessages.tsx
+++ b/src/SessionMessages/SessionMessages.tsx
@@ -78,7 +78,7 @@ export const SessionMessages: React.FC<SessionMessagesProps> = ({
     <div className={cn(theme.messages.base)}>
       <header className={cn(theme.messages.header)}>
         <h2 className={cn(theme.messages.title)}>{activeSession.title}</h2>
-        <DateFormat date={activeSession.createdAt} />
+        <DateFormat className={cn(theme.messages.date)} date={activeSession.createdAt} />
       </header>
       <div className={cn(theme.messages.content)} ref={contentRef}>
         {hasMore && (
diff --git a/src/SessionsList/SessionGroups.tsx b/src/SessionsList/SessionGroups.tsx
index 8f9d921..b783a30 100644
--- a/src/SessionsList/SessionGroups.tsx
+++ b/src/SessionsList/SessionGroups.tsx
@@ -2,7 +2,6 @@ import { FC, ReactNode, useContext, useMemo } from 'react';
 import { GroupedSessions, groupSessionsByDate } from '@/utils';
 import { SessionsContext } from '@/SessionsContext';
 
-
 export interface SessionGroupsProps {
   children: (groups: GroupedSessions[]) => ReactNode;
 }
diff --git a/src/theme.ts b/src/theme.ts
index f0c7383..b085a5c 100644
--- a/src/theme.ts
+++ b/src/theme.ts
@@ -13,6 +13,7 @@ export interface ChatTheme {
   messages: {
     base: string;
     title: string;
+    date: string;
     content: string;
     header: string;
     showMore: string;
@@ -53,6 +54,7 @@ export const chatTheme: ChatTheme = {
   messages: {
     base: 'flex flex-col flex-1 overflow-hidden',
     title: 'text-2xl font-bold',
+    date: 'text-sm',
     content: 'mt-2 flex-1 overflow-auto',
     header: 'flex justify-between items-center',
     showMore: 'mb-4',