From 3ae22ce8eede6693a06170ab0ad7e219830602b0 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Thu, 4 Jun 2020 18:11:24 -0500
Subject: [PATCH] Add missing <span> tags back to some FormattedMessages

---
 app/soapbox/components/loading_indicator.js    | 2 +-
 app/soapbox/features/ui/components/tabs_bar.js | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/soapbox/components/loading_indicator.js b/app/soapbox/components/loading_indicator.js
index d6a5adb6f..205c84d96 100644
--- a/app/soapbox/components/loading_indicator.js
+++ b/app/soapbox/components/loading_indicator.js
@@ -4,7 +4,7 @@ import { FormattedMessage } from 'react-intl';
 const LoadingIndicator = () => (
   <div className='loading-indicator'>
     <div className='loading-indicator__figure' />
-    <FormattedMessage id='loading_indicator.label' defaultMessage='Loading...' />
+    <span><FormattedMessage id='loading_indicator.label' defaultMessage='Loading...' /></span>
   </div>
 );
 
diff --git a/app/soapbox/features/ui/components/tabs_bar.js b/app/soapbox/features/ui/components/tabs_bar.js
index 9f6d2b35b..5a906160d 100644
--- a/app/soapbox/features/ui/components/tabs_bar.js
+++ b/app/soapbox/features/ui/components/tabs_bar.js
@@ -68,26 +68,26 @@ class TabsBar extends React.PureComponent {
       links.push(
         <Link key='logo' className='tabs-bar__link--logo' to='/' data-preview-title-id='column.home'>
           <img alt='Logo' src={logo} />
-          <FormattedMessage id='tabs_bar.home' defaultMessage='Home' />
+          <span><FormattedMessage id='tabs_bar.home' defaultMessage='Home' /></span>
         </Link>);
     }
     links.push(
       <NavLink key='home' className='tabs-bar__link' exact to='/' data-preview-title-id='column.home'>
         <Icon id='home' />
-        <FormattedMessage id='tabs_bar.home' defaultMessage='Home' />
+        <span><FormattedMessage id='tabs_bar.home' defaultMessage='Home' /></span>
       </NavLink>);
     if (account) {
       links.push(
         <NavLink key='notifications' className='tabs-bar__link' to='/notifications' data-preview-title-id='column.notifications'>
           <Icon id='bell' />
           <NotificationsCounterIcon />
-          <FormattedMessage id='tabs_bar.notifications' defaultMessage='Notifications' />
+          <span><FormattedMessage id='tabs_bar.notifications' defaultMessage='Notifications' /></span>
         </NavLink>);
     }
     links.push(
       <NavLink key='search' className='tabs-bar__link tabs-bar__link--search' to='/search' data-preview-title-id='tabs_bar.search'>
         <Icon id='search' />
-        <FormattedMessage id='tabs_bar.search' defaultMessage='Search' />
+        <span><FormattedMessage id='tabs_bar.search' defaultMessage='Search' /></span>
       </NavLink>
     );
     return links.map((link) =>