diff --git a/frontend/app/components/ui/ItemMenu/ItemMenu.js b/frontend/app/components/ui/ItemMenu/ItemMenu.js
index 01d66d7d1..18dc414d4 100644
--- a/frontend/app/components/ui/ItemMenu/ItemMenu.js
+++ b/frontend/app/components/ui/ItemMenu/ItemMenu.js
@@ -32,7 +32,7 @@ export default class ItemMenu extends React.PureComponent {
render() {
const { items, label = "", bold } = this.props;
const { displayed } = this.state;
- const parentStyles = label ? 'rounded px-2 py-1 hover:bg-gray-light' : '';
+ const parentStyles = label ? 'rounded px-2 py-2 hover:bg-gray-light' : '';
return (
diff --git a/frontend/app/components/ui/ItemMenu/itemMenu.module.css b/frontend/app/components/ui/ItemMenu/itemMenu.module.css
index 148e7afce..477ef7ffb 100644
--- a/frontend/app/components/ui/ItemMenu/itemMenu.module.css
+++ b/frontend/app/components/ui/ItemMenu/itemMenu.module.css
@@ -41,8 +41,8 @@
white-space: nowrap;
z-index: 20;
position: absolute;
- right: 31px;
- top: 27px;
+ right: 0px;
+ top: 37px;
min-width: 150px;
background-color: $white;
border-radius: 3px;
@@ -53,6 +53,7 @@
& .menuItem {
cursor: pointer;
padding: 10px;
+ color: black;
display: flex;
align-items: center;
border-bottom: 1px solid $gray-light;
@@ -64,7 +65,7 @@
}
&:hover {
- background-color: $gray-lightest;
+ background-color: $active-blue;
}
&:last-child {