diff --git a/src/components/structures/BottomLeftMenu.js b/src/components/structures/BottomLeftMenu.js
index eacc500a..89a5f454 100644
--- a/src/components/structures/BottomLeftMenu.js
+++ b/src/components/structures/BottomLeftMenu.js
@@ -167,6 +167,7 @@ module.exports = React.createClass({
const StartChatButton = sdk.getComponent('elements.StartChatButton');
const RoomDirectoryButton = sdk.getComponent('elements.RoomDirectoryButton');
const CreateRoomButton = sdk.getComponent('elements.CreateRoomButton');
+ const GroupsButton = sdk.getComponent('elements.GroupsButton');
const SettingsButton = sdk.getComponent('elements.SettingsButton');
return (
@@ -182,6 +183,7 @@ module.exports = React.createClass({
+
diff --git a/src/skins/vector/css/matrix-react-sdk/structures/_MyGroups.scss b/src/skins/vector/css/matrix-react-sdk/structures/_MyGroups.scss
index 8de7b20f..25ab3ddc 100644
--- a/src/skins/vector/css/matrix-react-sdk/structures/_MyGroups.scss
+++ b/src/skins/vector/css/matrix-react-sdk/structures/_MyGroups.scss
@@ -14,6 +14,16 @@ See the License for the specific language governing permissions and
limitations under the License.
*/
+.mx_MyGroups {
+ max-width: 960px;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.mx_MyGroups .mx_RoomHeader_simpleHeader {
+ margin-left: 0px;
+}
+
.mx_MyGroups_joinCreateBox {
display: table;
margin-bottom: 30px;
diff --git a/src/skins/vector/img/icons-groups.svg b/src/skins/vector/img/icons-groups.svg
new file mode 100644
index 00000000..35ced645
--- /dev/null
+++ b/src/skins/vector/img/icons-groups.svg
@@ -0,0 +1,127 @@
+
+