diff --git a/res/css/views/rooms/_AppsDrawer.scss b/res/css/views/rooms/_AppsDrawer.scss index 6431853672..bf5df4fbaa 100644 --- a/res/css/views/rooms/_AppsDrawer.scss +++ b/res/css/views/rooms/_AppsDrawer.scss @@ -61,6 +61,10 @@ limitations under the License. background-color: $dialog-background-bg-color; } +.mx_AppTile_persistedWrapper { + height: 280px; +} + .mx_AppTile:last-child { margin-right: 1px; } diff --git a/src/components/views/elements/AppTile.js b/src/components/views/elements/AppTile.js index e287abd07a..5dbc307810 100644 --- a/src/components/views/elements/AppTile.js +++ b/src/components/views/elements/AppTile.js @@ -569,9 +569,13 @@ export default class AppTile extends React.Component { // re-mounted later when we do. if (this.props.whitelistCapabilities.includes('m.always_on_screen')) { const PersistedElement = sdk.getComponent("elements.PersistedElement"); - appTileBody = - {appTileBody} - ; + // Also wrap the PersistedElement in a div to fix the height, otherwise + // AppTile's border is in the wrong place + appTileBody =
+ + {appTileBody} + +
; } } } else {