From 78bd25eff0a75a2c6bacc41460085ec3651624f7 Mon Sep 17 00:00:00 2001
From: Richard Lewis <richard@smetco.co.uk>
Date: Thu, 11 Jan 2018 11:36:19 +0000
Subject: [PATCH] Sticker popover styling

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

diff --git a/src/components/views/rooms/MessageComposer.js b/src/components/views/rooms/MessageComposer.js
index b26a3b2c17..ba7b238bd3 100644
--- a/src/components/views/rooms/MessageComposer.js
+++ b/src/components/views/rooms/MessageComposer.js
@@ -289,8 +289,8 @@ export default class MessageComposer extends React.Component {
             let stickersContent = <p>Click here to add your first sitckerpack</p>;
             if (stickerpackWidget && stickerpackWidget.content && stickerpackWidget.content.url) {
                 stickersContent = <iframe src={stickerpackWidget.content.url} style={{
-                    borderRadius: '5px',
                     border: 'none',
+                    height: '160px',
                 }}></iframe>;
             }
 
@@ -309,12 +309,14 @@ export default class MessageComposer extends React.Component {
                         show={this.state.showStickers}
                         onHide={this.onHideStickersClick}
                         containerStyle={{
-                            zIndex: 100,
+                            zIndex: 1000,
                         }}
                         style={{
                             borderRadius: '5px',
                             width: 'initial',
                             padding: 0,
+                            overflow: 'hidden',
+                            height: '160px'
                         }}
                         children={stickersContent}
                     />