diff --git a/src/pages/Directory.vue b/src/pages/Directory.vue
index ee5cadf..f3c069a 100644
--- a/src/pages/Directory.vue
+++ b/src/pages/Directory.vue
@@ -38,7 +38,7 @@ const mockItems: DirectoryItem[] = [
       <h1 class="text-3xl font-bold tracking-tight sm:text-4xl mb-4">
         Lightning Payment Directory
       </h1>
-      <p class="text-xl text-muted-foreground">
+      <p class="text-base sm:text-lg lg:text-xl text-muted-foreground">
         Browse businesses and services that accept Bitcoin Lightning payments in your area.
       </p>
     </div>