diff --git a/src/common/NavBar/NotificationsMenu/NotificationsMenu.js b/src/common/NavBar/NotificationsMenu/NotificationsMenu.js
index da1c448e8..1fd6cde34 100644
--- a/src/common/NavBar/NotificationsMenu/NotificationsMenu.js
+++ b/src/common/NavBar/NotificationsMenu/NotificationsMenu.js
@@ -29,14 +29,9 @@ const NotificationsMenu = ({ className, onClearButtonClicked, onSettingsButtonCl
Notifications
-
-
-
-
+
diff --git a/src/common/NavBar/NotificationsMenu/styles.less b/src/common/NavBar/NotificationsMenu/styles.less
index 6b26d6f14..f2f1ec7ba 100644
--- a/src/common/NavBar/NotificationsMenu/styles.less
+++ b/src/common/NavBar/NotificationsMenu/styles.less
@@ -39,29 +39,20 @@
color: var(--color-surfacedark);
}
- .buttons-container {
+ .button-container {
+ width: 2rem;
+ height: 2rem;
display: flex;
- flex-direction: row;
+ align-items: center;
+ justify-content: center;
- .button-container {
- width: 2rem;
- height: 2rem;
- display: flex;
- align-items: center;
- justify-content: center;
+ &:hover, &:focus {
+ background-color: var(--color-surfacelight);
+ }
- &:hover, &:focus {
- background-color: var(--color-surfacelight);
- }
-
- .icon {
- width: 1.2rem;
- fill: var(--color-surfacedark);
- }
-
- &:not(:last-child) {
- margin-right: 0.5rem;
- }
+ .icon {
+ width: 1.2rem;
+ fill: var(--color-surfacedark);
}
}
}