From 12aba69042d7b1c881bc836a7287ab85aeb7b5c5 Mon Sep 17 00:00:00 2001
From: Bogdan Nikolic <bogdan.nikolic87@gmail.com>
Date: Sun, 22 Dec 2024 21:18:44 +0100
Subject: [PATCH] Update icon hover/focus style and popover position

---
 .../home/email-plan-mailboxes/context-menu.scss            | 7 +++++++
 .../home/email-plan-mailboxes/context-menu.tsx             | 6 +++++-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/client/my-sites/email/email-management/home/email-plan-mailboxes/context-menu.scss b/client/my-sites/email/email-management/home/email-plan-mailboxes/context-menu.scss
index 5eed80b9f1ad3..bd5f9d609c75f 100644
--- a/client/my-sites/email/email-management/home/email-plan-mailboxes/context-menu.scss
+++ b/client/my-sites/email/email-management/home/email-plan-mailboxes/context-menu.scss
@@ -16,5 +16,12 @@
 			width: 24px;
 			height: auto;
 		}
+
+		&:hover,
+		&:focus {
+			svg {
+				fill: var(--color-text-inverted);
+			}
+		}
 	}
 }
diff --git a/client/my-sites/email/email-management/home/email-plan-mailboxes/context-menu.tsx b/client/my-sites/email/email-management/home/email-plan-mailboxes/context-menu.tsx
index 6aac61316127b..4dfc1eea6034f 100644
--- a/client/my-sites/email/email-management/home/email-plan-mailboxes/context-menu.tsx
+++ b/client/my-sites/email/email-management/home/email-plan-mailboxes/context-menu.tsx
@@ -38,7 +38,11 @@ export default function ContextMenu( { className }: Props ) {
 	];
 
 	return (
-		<EllipsisMenu className={ className } popoverClassName={ `${ className }-popover` }>
+		<EllipsisMenu
+			className={ className }
+			popoverClassName={ `${ className }-popover` }
+			position="bottom"
+		>
 			{ options.map( ( option, key ) => (
 				<PopoverMenuItem key={ key } { ...option }>
 					{ option.label }