diff --git a/webapp/src/components/cardDialog.tsx b/webapp/src/components/cardDialog.tsx
index 734a56824..3d8de40ed 100644
--- a/webapp/src/components/cardDialog.tsx
+++ b/webapp/src/components/cardDialog.tsx
@@ -19,7 +19,7 @@ type Props = {
 class CardDialog extends React.Component<Props> {
     render() {
         const menu = (
-            <Menu>
+            <Menu position='left'>
                 <Menu.Text
                     id='delete'
                     name='Delete'
diff --git a/webapp/src/widgets/menu/menu.scss b/webapp/src/widgets/menu/menu.scss
index fd1346616..813ef315a 100644
--- a/webapp/src/widgets/menu/menu.scss
+++ b/webapp/src/widgets/menu/menu.scss
@@ -11,6 +11,9 @@
     &.top {
         bottom: 100%;
     }
+    &.left {
+        right: 0;
+    }
 
     .menu-options {
         display: flex;
diff --git a/webapp/src/widgets/menu/menu.tsx b/webapp/src/widgets/menu/menu.tsx
index 71d25679f..8b7172e53 100644
--- a/webapp/src/widgets/menu/menu.tsx
+++ b/webapp/src/widgets/menu/menu.tsx
@@ -12,7 +12,7 @@ import './menu.scss'
 
 type MenuProps = {
     children: React.ReactNode
-    position?: 'top'|'bottom'
+    position?: 'top'|'bottom'|'left'
 }
 
 export default class Menu extends React.PureComponent<MenuProps> {