diff --git a/src/components/font-dropdown/font-dropdown.css b/src/components/font-dropdown/font-dropdown.css
index ed9eea6237..5127f2a7c6 100644
--- a/src/components/font-dropdown/font-dropdown.css
+++ b/src/components/font-dropdown/font-dropdown.css
@@ -24,6 +24,10 @@
     display: flex;
     flex-direction: column;
 }
+.font-context-menu {
+    display: grid;
+    grid-template-columns: auto auto auto;
+}
 
 .mod-unselect {
     user-select: none;
diff --git a/src/components/font-dropdown/font-dropdown.jsx b/src/components/font-dropdown/font-dropdown.jsx
index 451a28ce54..0cf94c4eaf 100644
--- a/src/components/font-dropdown/font-dropdown.jsx
+++ b/src/components/font-dropdown/font-dropdown.jsx
@@ -29,7 +29,7 @@ const ModeToolsComponent = props => (
         className={classNames(styles.modUnselect, styles.fontDropdown)}
         enterExitTransitionDurationMs={60}
         popoverContent={
-            <InputGroup className={styles.modContextMenu}>
+            <InputGroup className={styles.fontContextMenu}>
                 <Button
                     className={classNames(styles.modMenuItem)}
                     onClick={props.onChoose}