From 833922f0aaf15bbe4779da46c6884e6a4212e5d4 Mon Sep 17 00:00:00 2001
From: Belen Curcio <curciobelen@gmail.com>
Date: Wed, 25 Oct 2017 09:35:08 -0300
Subject: [PATCH] Missing reference to the dropdownContainer class

---
 .../src/routes/Moderation/components/ViewOptions.css        | 2 +-
 .../src/routes/Moderation/components/ViewOptions.js         | 1 +
 client/coral-ui/components/Dropdown.js                      | 6 +++---
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/client/coral-admin/src/routes/Moderation/components/ViewOptions.css b/client/coral-admin/src/routes/Moderation/components/ViewOptions.css
index e5dfc8c01..3e5aae32d 100644
--- a/client/coral-admin/src/routes/Moderation/components/ViewOptions.css
+++ b/client/coral-admin/src/routes/Moderation/components/ViewOptions.css
@@ -53,7 +53,7 @@
   list-style: none;
 }
 
-.dropdow {
+.dropdownContainer {
   position: relative;
   margin-top: 5px;
 
diff --git a/client/coral-admin/src/routes/Moderation/components/ViewOptions.js b/client/coral-admin/src/routes/Moderation/components/ViewOptions.js
index c46b7f869..a65af66a6 100644
--- a/client/coral-admin/src/routes/Moderation/components/ViewOptions.js
+++ b/client/coral-admin/src/routes/Moderation/components/ViewOptions.js
@@ -23,6 +23,7 @@ class ViewOptions extends React.Component {
             <li className={styles.viewOptionsItem}>
               Sort Comments
               <Dropdown
+                containerClassName={styles.dropdownContainer}
                 toggleClassName={styles.dropdownToggle}
                 toggleOpenClassName={styles.dropdownToggleOpen}
                 placeholder={t('modqueue.sort')}
diff --git a/client/coral-ui/components/Dropdown.js b/client/coral-ui/components/Dropdown.js
index 97467b49b..2cad6e990 100644
--- a/client/coral-ui/components/Dropdown.js
+++ b/client/coral-ui/components/Dropdown.js
@@ -128,10 +128,10 @@ class Dropdown extends React.Component {
   }
 
   render() {
-    const {className, toggleClassName, toggleOpenClassName} = this.props;
+    const {containerClassName, toggleClassName, toggleOpenClassName} = this.props;
     return (
       <ClickOutside onClickOutside={this.hideMenu}>
-        <div className={cn(styles.dropdown, className)}>
+        <div className={cn(styles.dropdown, containerClassName)}>
           <div
             className={cn(styles.toggle, toggleClassName, {[cn(this.state.isOpen, toggleOpenClassName)]: this.state.isOpen})}
             onClick={this.handleClick}
@@ -170,7 +170,7 @@ class Dropdown extends React.Component {
 }
 
 Dropdown.propTypes = {
-  className: PropTypes.string,
+  containerClassName: PropTypes.string,
   toggleClassName: PropTypes.string,
   toggleOpenClassName: PropTypes.string,
   placeholder: PropTypes.string,