diff --git a/src/components/Sidebar/FooterMenu.react.js b/src/components/Sidebar/FooterMenu.react.js
index af09f3abf0..de471f5ce7 100644
--- a/src/components/Sidebar/FooterMenu.react.js
+++ b/src/components/Sidebar/FooterMenu.react.js
@@ -26,7 +26,7 @@ export default class FooterMenu extends React.Component {
toggle() {
let pos = Position.inWindow(this.moreRef.current);
- pos.x += 24;
+ pos.x += 95;
this.setState({
show: true,
position: pos
@@ -50,11 +50,7 @@ export default class FooterMenu extends React.Component {
position={this.state.position}
onExternalClick={() => this.setState({ show: false })}>
);
diff --git a/src/components/Sidebar/Sidebar.react.js b/src/components/Sidebar/Sidebar.react.js
index c3c2c6c806..cc51068214 100644
--- a/src/components/Sidebar/Sidebar.react.js
+++ b/src/components/Sidebar/Sidebar.react.js
@@ -179,13 +179,6 @@ const Sidebar = ({
{sidebarContent}
diff --git a/src/components/Sidebar/Sidebar.scss b/src/components/Sidebar/Sidebar.scss
index 65e9bfe414..6281bcaaf2 100644
--- a/src/components/Sidebar/Sidebar.scss
+++ b/src/components/Sidebar/Sidebar.scss
@@ -363,16 +363,16 @@ a.subitem {
content: '';
position: absolute;
bottom: -6px;
- right: 11px;
+ right: 94px;
}
a {
@include NotoSansFont;
display: block;
- height: 30px;
- line-height: 31px;
+ height: 40px;
+ line-height: 41px;
font-size: 13px;
- text-align: right;
+ text-align: center;
border-bottom: 1px solid #e0e0ea;
color: $mainTextColor;
padding-right: 8px;
@@ -381,12 +381,12 @@ a.subitem {
}
&:first-child {
- border-radius: 5px 5px 0 0;
+ border-radius: 5px 5px 5px 5px;
}
&:last-child {
border-bottom: 0;
- border-radius: 0 0 5px 5px;
+ border-radius: 5px 5px 5px 5px;
}
.emoji{