From 90b7cb37607477a3a59253db5d0722db2caf1c70 Mon Sep 17 00:00:00 2001
From: Richard Lewis <richard@smetco.co.uk>
Date: Thu, 11 Jan 2018 13:41:55 +0000
Subject: [PATCH] Consistent popover size

---
 src/components/views/rooms/MessageComposer.js | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/views/rooms/MessageComposer.js b/src/components/views/rooms/MessageComposer.js
index 7e318c57d5..9f4a017689 100644
--- a/src/components/views/rooms/MessageComposer.js
+++ b/src/components/views/rooms/MessageComposer.js
@@ -285,12 +285,15 @@ export default class MessageComposer extends React.Component {
 
         // Stickers
         if (this.state.showStickers) {
+            const popoverWidth = '300px';
+            const popoverHeight = '300px';
             const stickerpackWidget = Widgets.getStickerpackWidgets()[0];
             let stickersContent = <p>Click here to add your first sitckerpack</p>;
             if (stickerpackWidget && stickerpackWidget.content && stickerpackWidget.content.url) {
                 stickersContent = <div style={{
                     border: 'none',
-                    height: '160px',
+                    height: popoverHeight,
+                    width: popoverWidth,
                 }}>
                     <AppTile
                         id={stickerpackWidget.id}
@@ -327,10 +330,10 @@ export default class MessageComposer extends React.Component {
                         }}
                         style={{
                             borderRadius: '5px',
-                            width: 'initial',
                             padding: 0,
                             overflow: 'hidden',
-                            height: '160px',
+                            height: popoverHeight,
+                            width: popoverWidth,
                         }}
                         children={stickersContent}
                     />