Initial context menu with all it's elements

src/components/structures/ContextualMenu.js

@@ -72,11 +72,20 @@ module.exports = {
             'mx_ContextualMenu_right': !props.left,
         });
 
+        var menuSize = {};
+        if (props.menuWidth) {
+            menuSize.width = props.menuWidth;
+        }
+
+        if (props.menuHeight) {
+            menuSize.height = props.menuHeight;
+        }
+
         // FIXME: If a menu uses getDefaultProps it clobbers the onFinished
         // property set here so you can't close the menu from a button click!
         var menu = (
             <div className={className} style={position}>
-                <div className={menuClasses}>
+                <div className={menuClasses} style={menuSize}>
                     {chevron}
                     <Element {...props} onFinished={closeMenu}/>
                 </div>

src/components/views/rooms/RoomTile.js

@@ -87,6 +87,8 @@ module.exports = React.createClass({
             var y = (elementRect.top + (elementRect.height / 2) + window.pageYOffset) - 43;
             var self = this;
             ContextualMenu.createMenu(Menu, {
+                menuWidth: 188,
+                menuHeight: 126,
                 chevronOffset: 35,
                 left: x,
                 top: y,