diff --git a/frontend/src/lib/components/ui/ContextMenu.svelte b/frontend/src/lib/components/ui/ContextMenu.svelte
index 4ad1a7a..324eb63 100644
--- a/frontend/src/lib/components/ui/ContextMenu.svelte
+++ b/frontend/src/lib/components/ui/ContextMenu.svelte
@@ -63,7 +63,7 @@
     {/snippet}
   </ContextMenu.Trigger>
   <ContextMenu.Portal>
-    <ContextMenu.Content class="bg-menu-content">
+    <ContextMenu.Content class="bg-menu-content" collisionPadding={8}>
       {@render menu()}
     </ContextMenu.Content>
   </ContextMenu.Portal>
diff --git a/frontend/src/lib/styles/global.scss b/frontend/src/lib/styles/global.scss
index 4ed931e..11009a9 100644
--- a/frontend/src/lib/styles/global.scss
+++ b/frontend/src/lib/styles/global.scss
@@ -164,6 +164,7 @@ html.theme-transition * {
 .bg-menu-content {
   z-index: var(--z-portal-menu);
   min-width: 12rem;
+  max-width: calc(100vw - 1rem);
   padding: 0.375rem;
   border-radius: 0.75rem;
   color: var(--color-text);