Progress

app/javascript/gabsocial/components/column_indicator.js

@@ -1,5 +1,6 @@
 import { defineMessages, injectIntl } from 'react-intl'
 import Icon from './icon'
+import Text from './text'
 
 const messages = defineMessages({
   loading: { id: 'loading_indicator.label', defaultMessage: 'Loading..' },
@@ -30,12 +31,16 @@ class ColumnIndicator extends PureComponent {
 
     return (
       <div className={[_s.default, _s.width100PC, _s.justifyContentCenter, _s.alignItemsCenter, _s.paddingVertical15PX].join(' ')}>
-        <Icon id={type} width='52px' height='52px' />
+        <Icon id={type} width='44px' height='44px' />
         {
           type !== 'loading' &&
-          <span className={[_s.default, _s.marginTop10PX, _s.text, _s.displayFlex, _s.colorBrand, _s.fontWeightNormal, _s.fontSize14PX].join(' ')}>
+          <Text
+            align='center'
+            size='medium'
+            className={_s.marginTop10PX}
+          >
             {title}
-          </span>
+          </Text>
         }
       </div>
     )