From 3d3663c54017ef0c06a17c6ae72e2b2d9886c6f6 Mon Sep 17 00:00:00 2001
From: Robert Long <robert@robertlong.me>
Date: Wed, 5 Jan 2022 11:52:23 -0800
Subject: [PATCH] Fix header font weight

---
 src/Header.jsx        | 3 ++-
 src/Header.module.css | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/Header.jsx b/src/Header.jsx
index 4226746..c2d7db3 100644
--- a/src/Header.jsx
+++ b/src/Header.jsx
@@ -6,6 +6,7 @@ import { ReactComponent as Logo } from "./icons/Logo.svg";
 import { ReactComponent as VideoIcon } from "./icons/Video.svg";
 import { ReactComponent as ArrowLeftIcon } from "./icons/ArrowLeft.svg";
 import { useButton } from "@react-aria/button";
+import { Subtitle } from "./typography/Typography";
 
 export function Header({ children, className, ...rest }) {
   return (
@@ -61,7 +62,7 @@ export function RoomHeaderInfo({ roomName }) {
       <div className={styles.roomAvatar}>
         <VideoIcon width={16} height={16} />
       </div>
-      <h3>{roomName}</h3>
+      <Subtitle fontWeight="semiBold">{roomName}</Subtitle>
     </>
   );
 }
diff --git a/src/Header.module.css b/src/Header.module.css
index 734d445..27de0e4 100644
--- a/src/Header.module.css
+++ b/src/Header.module.css
@@ -31,7 +31,7 @@
 }
 
 .leftNav h3 {
-  font-size: 15px;
+  margin: 0;
 }
 
 .rightNav {