From 1897c395ec9ad2b5949d5ed0e1da7e8d633596f4 Mon Sep 17 00:00:00 2001
From: Leonard Kim <leonard.h.kim@gmail.com>
Date: Fri, 21 Jul 2017 11:43:13 -0700
Subject: [PATCH] fix(icons): set a size prop for AtlasKit icons

With the upgarde of @atlaskit/icon to 7.0.0, the size prop
essentially became required to maintain its appearance in the
jitsi app, otherwise it'll unexpectedly try to take up the
available space and cause minor display issues.
---
 .../dial-out/components/DialOutNumbersForm.web.js     | 11 +++--------
 react/features/invite/components/DialInNumbersForm.js |  4 +++-
 2 files changed, 6 insertions(+), 9 deletions(-)

diff --git a/react/features/dial-out/components/DialOutNumbersForm.web.js b/react/features/dial-out/components/DialOutNumbersForm.web.js
index 7e1e6fe4c..46c1b518c 100644
--- a/react/features/dial-out/components/DialOutNumbersForm.web.js
+++ b/react/features/dial-out/components/DialOutNumbersForm.web.js
@@ -23,13 +23,6 @@ const DEFAULT_COUNTRY = {
     name: 'United States'
 };
 
-/**
- * The expand icon of the dropdown menu.
- *
- * @type {ReactElement}
- */
-const EXPAND_ICON = <ExpandIcon label = 'expand' />;
-
 /**
  * React {@code Component} responsible for fetching and displaying dial-out
  * country codes, as well as dialing a phone number.
@@ -208,7 +201,9 @@ class DialOutNumbersForm extends Component {
                     type = 'text'
                     value = { dialCode || '' } />
                 <span className = 'dropdown-trigger-icon'>
-                    { EXPAND_ICON }
+                    <ExpandIcon
+                        label = 'expand'
+                        size = 'medium' />
                 </span>
             </div>
         );
diff --git a/react/features/invite/components/DialInNumbersForm.js b/react/features/invite/components/DialInNumbersForm.js
index 258981bc6..b5f439d68 100644
--- a/react/features/invite/components/DialInNumbersForm.js
+++ b/react/features/invite/components/DialInNumbersForm.js
@@ -210,7 +210,9 @@ class DialInNumbersForm extends Component {
                     type = 'text'
                     value = { triggerText || '' } />
                 <span className = 'dial-in-numbers-trigger-icon'>
-                    <ExpandIcon label = 'expand' />
+                    <ExpandIcon
+                        label = 'expand'
+                        size = 'medium' />
                 </span>
             </div>
         );