From 8f47259b1b660bd169130886f0480637a4f864b7 Mon Sep 17 00:00:00 2001
From: Josh Perez <60019601+josh-signal@users.noreply.github.com>
Date: Wed, 3 Aug 2022 16:54:02 -0400
Subject: [PATCH] Aligns context menu buttons correctly

---
 stylesheets/components/ContextMenu.scss | 6 ++++++
 ts/components/ContextMenu.tsx           | 7 ++++++-
 2 files changed, 12 insertions(+), 1 deletion(-)

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(