diff --git a/app/chat/page.tsx b/app/chat/page.tsx
index 3315da4..30038b3 100644
--- a/app/chat/page.tsx
+++ b/app/chat/page.tsx
@@ -11,6 +11,7 @@ import {
   Container,
   Group,
   Text,
+  Loader,
 } from '@mantine/core';
 import { useRef, useState, useEffect } from 'react';
 import { MicrophoneRecorder } from '@/components/MicrophoneRecorder';
@@ -125,6 +126,27 @@ export default function ChatPage() {
               })}
             </Paper>
           ))}
+
+          {/* Typing indicator while AI is generating a response */}
+          {isLoading && (
+            <Paper
+              withBorder
+              shadow="md"
+              p="sm"
+              radius="lg"
+              style={{
+                alignSelf: 'flex-start',
+                backgroundColor: '#212529',
+              }}
+              w="80%"
+            >
+              <Text fw={700} size="sm">AI</Text>
+              <Group gap="xs" mt="xs">
+                <Loader size="xs" />
+                <Text size="sm" c="dimmed">Thinking...</Text>
+              </Group>
+            </Paper>
+          )}
         </Stack>
       </ScrollArea>