From 34f4afab671bfd9f2d871c84c813e65939e3d548 Mon Sep 17 00:00:00 2001
From: hippoz <10706925-hippoz@users.noreply.gitlab.com>
Date: Mon, 20 Mar 2023 02:10:43 +0200
Subject: [PATCH] improve heading font sizes

---
 src/app/organisms/navigation/DrawerHeader.jsx | 4 ++--
 src/app/organisms/room/PeopleDrawer.jsx       | 2 +-
 src/app/organisms/room/RoomViewHeader.jsx     | 4 ++--
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/app/organisms/navigation/DrawerHeader.jsx b/src/app/organisms/navigation/DrawerHeader.jsx
index e8782e3..2c2627c 100644
--- a/src/app/organisms/navigation/DrawerHeader.jsx
+++ b/src/app/organisms/navigation/DrawerHeader.jsx
@@ -132,13 +132,13 @@ function DrawerHeader({ selectedTab, spaceId }) {
           onMouseUp={(e) => blurOnBubbling(e, '.drawer-header__btn')}
         >
           <TitleWrapper>
-            <Text variant="s1" weight="medium" primary>{twemojify(spaceName)}</Text>
+            <Text primary>{twemojify(spaceName)}</Text>
           </TitleWrapper>
           <RawIcon size="small" src={ChevronBottomIC} />
         </button>
       ) : (
         <TitleWrapper>
-          <Text variant="s1" weight="medium" primary>{tabName}</Text>
+          <Text primary>{tabName}</Text>
         </TitleWrapper>
       )}
 
diff --git a/src/app/organisms/room/PeopleDrawer.jsx b/src/app/organisms/room/PeopleDrawer.jsx
index 8f98324..3c3984a 100644
--- a/src/app/organisms/room/PeopleDrawer.jsx
+++ b/src/app/organisms/room/PeopleDrawer.jsx
@@ -128,7 +128,7 @@ function PeopleDrawer({ roomId }) {
     <div className="people-drawer">
       <Header>
         <TitleWrapper>
-          <Text variant="s1" primary>
+          <Text primary>
             People
             <Text className="people-drawer__member-count" variant="b3">{`${room.getJoinedMemberCount()} members`}</Text>
           </Text>
diff --git a/src/app/organisms/room/RoomViewHeader.jsx b/src/app/organisms/room/RoomViewHeader.jsx
index 46a6ba0..63406c2 100644
--- a/src/app/organisms/room/RoomViewHeader.jsx
+++ b/src/app/organisms/room/RoomViewHeader.jsx
@@ -90,9 +90,9 @@ function RoomViewHeader({ roomId }) {
       >
         <Avatar imageSrc={avatarSrc} text={roomName} bgColor={colorMXID(roomId)} size="small" />
         <TitleWrapper>
-          <Text variant="h2" weight="medium" primary>{twemojify(roomName)}</Text>
+          <Text weight="bold" primary>{twemojify(roomName)}</Text>
         </TitleWrapper>
-        <RawIcon src={ChevronBottomIC} />
+        <RawIcon size="extra-small" src={ChevronBottomIC} />
       </button>
       {mx.isRoomEncrypted(roomId) === false && <IconButton onClick={() => toggleRoomSettings(tabText.SEARCH)} tooltip="Search" src={SearchIC} />}
       <IconButton className="room-header__drawer-btn" onClick={togglePeopleDrawer} tooltip="People" src={UserIC} />