diff --git a/ts/components/conversation/header/ConversationHeaderSubtitle.tsx b/ts/components/conversation/header/ConversationHeaderSubtitle.tsx
index f8f7abc72..e6e675c8f 100644
--- a/ts/components/conversation/header/ConversationHeaderSubtitle.tsx
+++ b/ts/components/conversation/header/ConversationHeaderSubtitle.tsx
@@ -62,7 +62,7 @@ const SubtitleDotMenu = ({
   </Flex>
 );
 
-type ConversationHeaderSubitleProps = {
+type ConversationHeaderSubtitleProps = {
   subtitlesArray: Array<SubtitleStringsType>;
   subtitleStrings: SubtitleStrings;
   currentSubtitle: SubtitleStringsType;
@@ -71,7 +71,7 @@ type ConversationHeaderSubitleProps = {
   showDisappearingMessageIcon: boolean;
 };
 
-export const ConversationHeaderSubitle = (props: ConversationHeaderSubitleProps) => {
+export const ConversationHeaderSubtitle = (props: ConversationHeaderSubtitleProps) => {
   const {
     subtitlesArray,
     subtitleStrings,
diff --git a/ts/components/conversation/header/ConversationHeaderTitle.tsx b/ts/components/conversation/header/ConversationHeaderTitle.tsx
index b613f996f..498f856a0 100644
--- a/ts/components/conversation/header/ConversationHeaderTitle.tsx
+++ b/ts/components/conversation/header/ConversationHeaderTitle.tsx
@@ -13,7 +13,7 @@ import {
   DisappearingMessageConversationType,
   ExpirationTimerOptions,
 } from '../../../util/expiringMessages';
-import { ConversationHeaderSubitle } from './ConversationHeaderSubtitle';
+import { ConversationHeaderSubtitle } from './ConversationHeaderSubtitle';
 
 export type SubtitleStrings = Record<string, string> & {
   notifications?: string;
@@ -166,7 +166,7 @@ export const ConversationHeaderTitle = () => {
             </span>
           )}
           {subtitleArray.indexOf(visibleSubtitle) > -1 && (
-            <ConversationHeaderSubitle
+            <ConversationHeaderSubtitle
               currentSubtitle={visibleSubtitle}
               setCurrentSubtitle={setVisibleSubtitle}
               subtitlesArray={subtitleArray}