diff --git a/src/index.css b/src/index.css
index b862b3f..f84e018 100644
--- a/src/index.css
+++ b/src/index.css
@@ -27,3 +27,7 @@ body,
 .text-input {
   @apply px-2 py-1 rounded border border-gray-400;
 }
+
+h3 {
+  @apply font-bold text-yellow-800 text-xl;
+}
diff --git a/src/modules/room/RoomChatHeader.tsx b/src/modules/room/RoomChatHeader.tsx
index a62f57e..958eaf6 100644
--- a/src/modules/room/RoomChatHeader.tsx
+++ b/src/modules/room/RoomChatHeader.tsx
@@ -10,7 +10,7 @@ interface InnerProps {
 
 const InnerHeader: FC<InnerProps> = ({ title, children }) => (
   <div className="flex justify-between px-3 py-1">
-    <h2 className="text-xl font-bold text-yellow-800">{title}</h2>
+    <h3>{title}</h3>
     {children}
   </div>
 );