diff --git a/ts/components/basic/Heading.tsx b/ts/components/basic/Heading.tsx
index 31d1f53ba..332080f74 100644
--- a/ts/components/basic/Heading.tsx
+++ b/ts/components/basic/Heading.tsx
@@ -2,7 +2,7 @@ import { ReactNode } from 'react';
 import styled, { CSSProperties } from 'styled-components';
 
 export type HeadingProps = {
-  children: string | ReactNode;
+  children: ReactNode;
   color?: string;
   style?: CSSProperties;
   /** center | start (left) | end (right) */
diff --git a/ts/components/settings/SessionSettingListItem.tsx b/ts/components/settings/SessionSettingListItem.tsx
index d8639e90f..77c15a5d7 100644
--- a/ts/components/settings/SessionSettingListItem.tsx
+++ b/ts/components/settings/SessionSettingListItem.tsx
@@ -75,8 +75,8 @@ const StyledSettingItemClickable = styled(StyledSettingItemInline)`
 `;
 
 export const SettingsTitleAndDescription = (props: {
-  title?: string | ReactNode;
-  description?: string | ReactNode;
+  title?: ReactNode;
+  description?: ReactNode;
   childrenDescription?: ReactNode;
   icon?: SessionIconProps;
 }) => {