diff --git a/packages/react-ui-components/src/DropDown/__snapshots__/contents.spec.tsx.snap b/packages/react-ui-components/src/DropDown/__snapshots__/contents.spec.tsx.snap
new file mode 100644
index 0000000000..7d7cadaeff
--- /dev/null
+++ b/packages/react-ui-components/src/DropDown/__snapshots__/contents.spec.tsx.snap
@@ -0,0 +1,15 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<ShallowDropDownContents/> should not render when having no children. 1`] = `
+<ul
+  aria-hidden="true"
+  aria-label="dropdown"
+  className="baseDropDownContentsClassName"
+  data-ignore_click_outside={true}
+  onClick={[MockFunction]}
+  role="listbox"
+  style={Object {}}
+>
+  Foo children
+</ul>
+`;
diff --git a/packages/react-ui-components/src/DropDown/contents.spec.tsx b/packages/react-ui-components/src/DropDown/contents.spec.tsx
index 205d9914ee..85bd3fb1a9 100644
--- a/packages/react-ui-components/src/DropDown/contents.spec.tsx
+++ b/packages/react-ui-components/src/DropDown/contents.spec.tsx
@@ -21,7 +21,7 @@ describe('<ShallowDropDownContents/>', () => {
     it('should not render when having no children.', () => {
         const wrapper = shallow(<ShallowDropDownContents {...props}/>);
 
-        expect(toJson(wrapper)).toBeFalsy();
+        expect(toJson(wrapper)).toMatchSnapshot();
     });
 
     it('should allow the propagation of "className" with the "className" prop.', () => {
diff --git a/packages/react-ui-components/src/DropDown/contents.tsx b/packages/react-ui-components/src/DropDown/contents.tsx
index 9a1a757383..02b6d6d9bf 100644
--- a/packages/react-ui-components/src/DropDown/contents.tsx
+++ b/packages/react-ui-components/src/DropDown/contents.tsx
@@ -214,25 +214,22 @@ export default class ShallowDropDownContents extends PureComponent<ShallowDropDo
             }
         );
 
-        if (isOpen) {
-            const contents = (
-                <ul
-                    className={finalClassName}
-                    aria-hidden={isOpen ? 'false' : 'true'}
-                    aria-label="dropdown"
-                    role="listbox"
-                    onClick={closeDropDown}
-                    style={this.state.style}
-                    data-ignore_click_outside={true}
-                >
-                    {children}
-                </ul>
-            );
-
-            return scrollable
-                ? ReactDOM.createPortal(contents, document.body)
-                : contents;
-        }
-        return null;
+        const contents = (
+            <ul
+                className={finalClassName}
+                aria-hidden={isOpen ? 'false' : 'true'}
+                aria-label="dropdown"
+                role="listbox"
+                onClick={closeDropDown}
+                style={this.state.style}
+                data-ignore_click_outside={true}
+            >
+                {children}
+            </ul>
+        );
+
+        return scrollable
+            ? ReactDOM.createPortal(contents, document.body)
+            : contents;
     }
 }