diff --git a/res/css/views/rooms/_AppsDrawer.scss b/res/css/views/rooms/_AppsDrawer.scss
index 982d843560..8731d22660 100644
--- a/res/css/views/rooms/_AppsDrawer.scss
+++ b/res/css/views/rooms/_AppsDrawer.scss
@@ -58,7 +58,7 @@ $MiniAppTileHeight: 200px;
             width: 4px;
             border-radius: 4px;
 
-            content: ' ';
+            content: '';
 
             background-color: $primary-fg-color;
             opacity: 0.8;
@@ -101,7 +101,7 @@ $MiniAppTileHeight: 200px;
 // TODO this should be 300px but that's too large
 $MinWidth: 240px;
 
-.mx_AppsDrawer_has2 .mx_AppTile {
+.mx_AppsDrawer_2apps .mx_AppTile {
     width: 50%;
 
     &:nth-child(3) {
@@ -110,7 +110,7 @@ $MinWidth: 240px;
         min-width: $MinWidth !important;
     }
 }
-.mx_AppsDrawer_has3 .mx_AppTile {
+.mx_AppsDrawer_3apps .mx_AppTile {
     width: 33%;
 
     &:nth-child(3) {
diff --git a/src/components/views/rooms/AppsDrawer.js b/src/components/views/rooms/AppsDrawer.js
index 063465ba07..9cf213b44e 100644
--- a/src/components/views/rooms/AppsDrawer.js
+++ b/src/components/views/rooms/AppsDrawer.js
@@ -244,9 +244,8 @@ export default class AppsDrawer extends React.Component {
             mx_AppsDrawer: true,
             mx_AppsDrawer_fullWidth: apps.length < 2,
             mx_AppsDrawer_resizing: this.state.resizing,
-            mx_AppsDrawer_has1: apps.length === 1,
-            mx_AppsDrawer_has2: apps.length === 2,
-            mx_AppsDrawer_has3: apps.length === 3,
+            mx_AppsDrawer_2apps: apps.length === 2,
+            mx_AppsDrawer_3apps: apps.length === 3,
         });
 
         return (