diff --git a/ghost/admin-x-settings/src/admin-x-ds/global/Hint.stories.tsx b/ghost/admin-x-settings/src/admin-x-ds/global/Hint.stories.tsx
index a1c801895a..749e4db04d 100644
--- a/ghost/admin-x-settings/src/admin-x-ds/global/Hint.stories.tsx
+++ b/ghost/admin-x-settings/src/admin-x-ds/global/Hint.stories.tsx
@@ -15,4 +15,14 @@ export const Default: Story = {
     args: {
         children: 'This is a hint'
     }
+};
+
+export const UsingReactNode: Story = {
+    args: {
+        children: (
+            <>
+                This is a <strong>bold</strong> hint with <a className='text-green-400' href="https://ghost.org">a link</a>
+            </>
+        )
+    }
 };
\ No newline at end of file
diff --git a/ghost/admin-x-settings/src/admin-x-ds/global/Hint.tsx b/ghost/admin-x-settings/src/admin-x-ds/global/Hint.tsx
index f03ef3c257..636ac3335f 100644
--- a/ghost/admin-x-settings/src/admin-x-ds/global/Hint.tsx
+++ b/ghost/admin-x-settings/src/admin-x-ds/global/Hint.tsx
@@ -10,19 +10,9 @@ const Hint: React.FC<HintProps> = ({children, color, ...props}) => {
         return null;
     }
 
-    if (typeof children === 'string') {
-        return (
-            <span className={`mt-2 inline-block text-xs ${color ? `text-${color}` : `text-grey-700`}`} {...props}>{children}</span>
-        );
-    }
-
-    if (React.isValidElement(children)) {
-        return (
-            <span className={`mt-2 inline-block text-xs ${color ? `text-${color}` : `text-grey-700`}`} {...props}>{children}</span>
-        );
-    }
-
-    return null;
+    return (
+        <span className={`mt-2 inline-block text-xs ${color ? `text-${color}` : `text-grey-700`}`} {...props}>{children}</span>
+    );
 };
 
 export default Hint;
diff --git a/ghost/admin-x-settings/src/components/settings/general/PublicationLanguage.tsx b/ghost/admin-x-settings/src/components/settings/general/PublicationLanguage.tsx
index e0680d3100..1370d17f22 100644
--- a/ghost/admin-x-settings/src/components/settings/general/PublicationLanguage.tsx
+++ b/ghost/admin-x-settings/src/components/settings/general/PublicationLanguage.tsx
@@ -46,10 +46,10 @@ const PublicationLanguage: React.FC = () => {
     ];
 
     const hint = (
-        <p className={`mt-2 inline-block text-xs text-grey-700`}>
+        <>
             Default: English (<strong>en</strong>); find out more about
             <a className='text-green-400' href="https://ghost.org/docs/faq/translation/" rel="noopener noreferrer" target="_blank"> using Ghost in other languages</a>
-        </p>
+        </>
     );
 
     const inputFields = (