diff --git a/src/components/views/elements/AppTile.js b/src/components/views/elements/AppTile.js
index 18b2148829..338c03ceeb 100644
--- a/src/components/views/elements/AppTile.js
+++ b/src/components/views/elements/AppTile.js
@@ -43,7 +43,7 @@ export default React.createClass({
 
     render: function() {
         return (
-            <div className="mx_AppTile" id={this.props.id}>
+            <div className={this.props.fullWdith ? "mx_AppTileFullWidth" : "mx_AppTile"} id={this.props.id}>
                 <div className="mx_AppTileMenuBar">
                     {this.props.name}
                     <span className="mx_AppTileMenuBarWidgets">
diff --git a/src/components/views/rooms/AppsDrawer.js b/src/components/views/rooms/AppsDrawer.js
index 7fcf26e69d..f729c2032d 100644
--- a/src/components/views/rooms/AppsDrawer.js
+++ b/src/components/views/rooms/AppsDrawer.js
@@ -106,7 +106,13 @@ module.exports = React.createClass({
 
     render: function() {
         const apps = this.state.apps.map(
-            (app) => <AppTile key={app.id} id={app.id} url={app.url} name={app.name}/>);
+            (app, index, arr) => <AppTile
+                key={app.id}
+                id={app.id}
+                url={app.url}
+                name={app.name}
+                fullWdith={arr.length<2 ? true : false}
+            />);
 
         return (
             <div className="mx_AppsDrawer">