From d214079148f0a86e9584b8be9f6801c431e74576 Mon Sep 17 00:00:00 2001
From: Vlad Piersec <vlad.piersec@8x8.com>
Date: Mon, 15 Mar 2021 14:12:50 +0200
Subject: [PATCH] fix(toolbox): Constrain toolbox width on large mobile device

---
 react/features/toolbox/components/native/styles.js | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/react/features/toolbox/components/native/styles.js b/react/features/toolbox/components/native/styles.js
index b37d6db5a..e9834b370 100644
--- a/react/features/toolbox/components/native/styles.js
+++ b/react/features/toolbox/components/native/styles.js
@@ -65,6 +65,7 @@ const styles = {
     toolbar: {
         alignItems: 'center',
         backgroundColor: ColorPalette.darkBackground,
+        borderRadius: 3,
         flexDirection: 'row',
         flexGrow: 0,
         justifyContent: 'space-between',
@@ -77,7 +78,11 @@ const styles = {
      */
     toolbox: {
         flexDirection: 'column',
-        flexGrow: 0
+        flexGrow: 0,
+        width: '100%',
+        maxWidth: 500,
+        marginLeft: 'auto',
+        marginRight: 'auto'
     }
 };