diff --git a/src/components/structures/MyGroups.js b/src/components/structures/MyGroups.js
index 22157beaca..4c9229a2ea 100644
--- a/src/components/structures/MyGroups.js
+++ b/src/components/structures/MyGroups.js
@@ -17,6 +17,7 @@ limitations under the License.
 import React from 'react';
 import PropTypes from 'prop-types';
 import GeminiScrollbar from 'react-gemini-scrollbar';
+import { Droppable } from 'react-beautiful-dnd';
 import sdk from '../../index';
 import { _t } from '../../languageHandler';
 import dis from '../../dispatcher';
@@ -74,7 +75,13 @@ export default withMatrixClient(React.createClass({
             contentHeader = groupNodes.length > 0 ? <h3>{ _t('Your Communities') }</h3> : <div />;
             content = groupNodes.length > 0 ?
                 <GeminiScrollbar className="mx_MyGroups_joinedGroups">
-                    { groupNodes }
+                    <Droppable droppableId="my-groups-droppable" type="draggable-TagTile">
+                        { (provided, snapshot) => (
+                            <div ref={provided.innerRef}>
+                                { groupNodes }
+                            </div>
+                        ) }
+                    </Droppable>
                 </GeminiScrollbar> :
                 <div className="mx_MyGroups_placeholder">
                     { _t(