diff --git a/client/coral-admin/src/components/ActionsMenu.js b/client/coral-admin/src/components/ActionsMenu.js
index fed143859..81b857a13 100644
--- a/client/coral-admin/src/components/ActionsMenu.js
+++ b/client/coral-admin/src/components/ActionsMenu.js
@@ -1,6 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { Button, Icon } from 'coral-ui';
+import ClickOutside from 'coral-framework/components/ClickOutside';
 import { Menu } from 'react-mdl';
 import cn from 'classnames';
 import { findDOMNode } from 'react-dom';
@@ -34,30 +35,39 @@ class ActionsMenu extends React.Component {
   render() {
     const { className = '', buttonClassNames = '', label = '' } = this.props;
     return (
-      <div className={cn(styles.root, className)} onBlur={this.syncOpenState}>
-        <Button
-          cStyle="actions"
-          className={cn(
-            styles.button,
-            { [styles.buttonOpen]: this.state.open },
-            buttonClassNames
-          )}
-          disabled={false}
-          id={this.id}
+      <ClickOutside onClickOutside={this.syncOpenState}>
+        <div
+          className={cn(styles.root, className)}
+          onBlur={this.syncOpenState}
           onClick={this.syncOpenState}
-          icon={this.props.icon}
-          raised
+          onKeyUp={this.syncOpenState}
         >
-          {label ? label : t('modqueue.actions')}
-          <Icon
-            name={this.state.open ? 'keyboard_arrow_up' : 'keyboard_arrow_down'}
-            className={styles.arrowIcon}
-          />
-        </Button>
-        <Menu target={this.id} className={styles.menu} ref={this.handleRef}>
-          {this.props.children}
-        </Menu>
-      </div>
+          <Button
+            cStyle="actions"
+            className={cn(
+              styles.button,
+              { [styles.buttonOpen]: this.state.open },
+              buttonClassNames
+            )}
+            disabled={false}
+            id={this.id}
+            onClick={this.syncOpenState}
+            icon={this.props.icon}
+            raised
+          >
+            {label ? label : t('modqueue.actions')}
+            <Icon
+              name={
+                this.state.open ? 'keyboard_arrow_up' : 'keyboard_arrow_down'
+              }
+              className={styles.arrowIcon}
+            />
+          </Button>
+          <Menu target={this.id} className={styles.menu} ref={this.handleRef}>
+            {this.props.children}
+          </Menu>
+        </div>
+      </ClickOutside>
     );
   }
 }