diff --git a/client/src/components/job-watcher-toggle/job-watcher-toggle.component.jsx b/client/src/components/job-watcher-toggle/job-watcher-toggle.component.jsx
index be990a8d2..879b8c1f7 100644
--- a/client/src/components/job-watcher-toggle/job-watcher-toggle.component.jsx
+++ b/client/src/components/job-watcher-toggle/job-watcher-toggle.component.jsx
@@ -62,7 +62,7 @@ export default function JobWatcherToggleComponent({
   };
 
   const popoverContent = (
-    <div style={{ width: 600 }}>
+    <div style={{ width: "30em" }}>
       <List>
         <List.Item
           actions={[
@@ -140,7 +140,7 @@ export default function JobWatcherToggleComponent({
   );
 
   return (
-    <Popover placement="topRight" content={popoverContent} trigger="click" open={open} onOpenChange={setOpen}>
+    <Popover placement="rightTop" content={popoverContent} trigger="click" open={open} onOpenChange={setOpen}>
       <Tooltip title={t("notifications.tooltips.job-watchers")}>
         <Button
           shape="circle"