diff --git a/app/soapbox/components/account.tsx b/app/soapbox/components/account.tsx index 5618b8cf8..322a98119 100644 --- a/app/soapbox/components/account.tsx +++ b/app/soapbox/components/account.tsx @@ -216,7 +216,7 @@ const Account = ({ - @{username} + @{username} {account.favicon && ( diff --git a/app/soapbox/features/ui/components/profile-info-panel.tsx b/app/soapbox/features/ui/components/profile-info-panel.tsx index a765b38f2..ec4929163 100644 --- a/app/soapbox/features/ui/components/profile-info-panel.tsx +++ b/app/soapbox/features/ui/components/profile-info-panel.tsx @@ -121,7 +121,7 @@ const ProfileInfoPanel: React.FC = ({ account, username }) => - + @{username} @@ -157,7 +157,7 @@ const ProfileInfoPanel: React.FC = ({ account, username }) => - + @{displayFqn ? account.fqn : account.acct} diff --git a/app/soapbox/hooks/useLocale.ts b/app/soapbox/hooks/useLocale.ts index 14dedaf16..98619d969 100644 --- a/app/soapbox/hooks/useLocale.ts +++ b/app/soapbox/hooks/useLocale.ts @@ -28,7 +28,7 @@ const useLocale = (fallback = 'en'): UseLocaleResult => { const direction: CSSProperties['direction'] = RTL_LOCALES.includes(locale) ? 'rtl' - : undefined; + : 'ltr'; return { locale, diff --git a/app/styles/components/reply-mentions.scss b/app/styles/components/reply-mentions.scss index 2a1ec75d7..002afe3e1 100644 --- a/app/styles/components/reply-mentions.scss +++ b/app/styles/components/reply-mentions.scss @@ -2,7 +2,8 @@ @apply text-gray-700 dark:text-gray-600 mb-1 text-sm; &__account { - @apply text-primary-600 dark:text-accent-blue hover:text-primary-700 dark:hover:text-accent-blue no-underline hover:underline; + @apply text-primary-600 dark:text-accent-blue hover:text-primary-700 dark:hover:text-accent-blue no-underline hover:underline inline-block; + direction: ltr; } }