diff --git a/app/javascript/flavours/glitch/features/local_settings/navigation/index.js b/app/javascript/flavours/glitch/features/local_settings/navigation/index.js
index a992b1ffcd..1a64857539 100644
--- a/app/javascript/flavours/glitch/features/local_settings/navigation/index.js
+++ b/app/javascript/flavours/glitch/features/local_settings/navigation/index.js
@@ -38,30 +38,35 @@ export default class LocalSettingsNavigation extends React.PureComponent {
active={index === 0}
index={0}
onNavigate={onNavigate}
+ icon='cogs'
title={intl.formatMessage(messages.general)}
/>
diff --git a/app/javascript/flavours/glitch/features/local_settings/navigation/item/index.js b/app/javascript/flavours/glitch/features/local_settings/navigation/item/index.js
index b67d479e7b..68a998b6c2 100644
--- a/app/javascript/flavours/glitch/features/local_settings/navigation/item/index.js
+++ b/app/javascript/flavours/glitch/features/local_settings/navigation/item/index.js
@@ -12,6 +12,7 @@ export default class LocalSettingsPage extends React.PureComponent {
className: PropTypes.string,
href: PropTypes.string,
icon: PropTypes.string,
+ textIcon: PropTypes.string,
index: PropTypes.number.isRequired,
onNavigate: PropTypes.func,
title: PropTypes.string,
@@ -32,6 +33,7 @@ export default class LocalSettingsPage extends React.PureComponent {
className,
href,
icon,
+ textIcon,
onNavigate,
title,
} = this.props;
@@ -40,14 +42,14 @@ export default class LocalSettingsPage extends React.PureComponent {
active,
}, className);
- const iconElem = icon ? : null;
+ const iconElem = icon ? : (textIcon ? {textIcon} : null);
if (href) return (
- {iconElem} {title}
+ {iconElem} {title}
);
else if (onNavigate) return (
@@ -57,7 +59,7 @@ export default class LocalSettingsPage extends React.PureComponent {
tabIndex='0'
className={finalClassName}
>
- {iconElem} {title}
+ {iconElem} {title}
);
else return null;
diff --git a/app/javascript/flavours/glitch/styles/components/local_settings.scss b/app/javascript/flavours/glitch/styles/components/local_settings.scss
index a6e5c9892b..288248f7cb 100644
--- a/app/javascript/flavours/glitch/styles/components/local_settings.scss
+++ b/app/javascript/flavours/glitch/styles/components/local_settings.scss
@@ -72,7 +72,7 @@
.glitch.local-settings__navigation {
background: lighten($ui-secondary-color, 8%);
- width: 200px;
+ width: 212px;
font-size: 15px;
line-height: 20px;
overflow-y: auto;