diff --git a/stylesheets/components/ContextMenu.scss b/stylesheets/components/ContextMenu.scss
index 5ac873160fb1..995ed1313866 100644
--- a/stylesheets/components/ContextMenu.scss
+++ b/stylesheets/components/ContextMenu.scss
@@ -2,6 +2,12 @@
 // SPDX-License-Identifier: AGPL-3.0-only
 
 .ContextMenu {
+  &__container {
+    align-items: center;
+    display: flex;
+    justify-content: center;
+  }
+
   &__popper {
     @extend %module-composition-popper;
     margin: 0;
diff --git a/ts/components/ContextMenu.tsx b/ts/components/ContextMenu.tsx
index 2e5af15df70e..b625832d4b44 100644
--- a/ts/components/ContextMenu.tsx
+++ b/ts/components/ContextMenu.tsx
@@ -134,7 +134,12 @@ export function ContextMenu<T>({
   const getClassName = getClassNamesFor('ContextMenu', moduleClassName);
 
   return (
-    <div className={theme ? themeClassName(theme) : undefined}>
+    <div
+      className={classNames(
+        getClassName('__container'),
+        theme ? themeClassName(theme) : undefined
+      )}
+    >
       <button
         aria-label={i18n('ContextMenu--button')}
         className={classNames(