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); } } }