diff --git a/src/skins/vector/css/matrix-react-sdk/views/rooms/_AppsDrawer.scss b/src/skins/vector/css/matrix-react-sdk/views/rooms/_AppsDrawer.scss
index cc473048c..798c9af10 100644
--- a/src/skins/vector/css/matrix-react-sdk/views/rooms/_AppsDrawer.scss
+++ b/src/skins/vector/css/matrix-react-sdk/views/rooms/_AppsDrawer.scss
@@ -96,8 +96,8 @@ limitations under the License.
 }
 
 .mx_AppIconTile {
-    background-color: #666;
-    border: 1px solid #666;
+    background-color: $lightbox-bg-color;
+    border: 1px solid rgba(0, 0, 0, 0);
     width: 200px;
     box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
     transition: 0.3s;
@@ -106,6 +106,11 @@ limitations under the License.
     display: inline-block;
 }
 
+.mx_AppIconTile.mx_AppIconTile_active {
+    color: $accent-color;
+    border-color: $accent-color;
+}
+
 .mx_AppIconTile:hover {
     border: 1px solid $accent-color;
     box-shadow: 0 0 10px 5px rgba(200,200,200,0.5);
@@ -129,9 +134,12 @@ limitations under the License.
 }
 
 .mx_AppIconTile_image {
+    padding: 10px;
     width: 75%;
-    margin: 10px;
-    max-height: 100px;
+    max-width:100px;
+    max-height:100px;
+    width: auto;
+    height: auto;
 }
 
 .mx_AppIconTile_imageContainer {