From 298279a95690a1b89bf4b3b664e0dae42c7e2802 Mon Sep 17 00:00:00 2001
From: Calin-Teodor <calin.chitu@8x8.com>
Date: Thu, 16 Jan 2025 19:38:49 +0200
Subject: [PATCH] feat(toolbox): reactions menu native ui adjustments

---
 react/features/toolbox/components/native/styles.ts | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/react/features/toolbox/components/native/styles.ts b/react/features/toolbox/components/native/styles.ts
index ed61e912c3..962d515d75 100644
--- a/react/features/toolbox/components/native/styles.ts
+++ b/react/features/toolbox/components/native/styles.ts
@@ -67,8 +67,7 @@ const reactionMenu = {
     flexDirection: 'column',
     justifyContent: 'center',
     alignItems: 'center',
-    backgroundColor: BaseTheme.palette.ui01,
-    padding: BaseTheme.spacing[3]
+    backgroundColor: BaseTheme.palette.ui01
 };
 
 /**
@@ -165,19 +164,22 @@ ColorSchemeRegistry.register('Toolbox', {
         backgroundColor: 'transparent'
     },
 
-    overflowReactionMenu: reactionMenu,
+    overflowReactionMenu: {
+        ...reactionMenu,
+        padding: BaseTheme.spacing[3]
+    },
 
     reactionMenu: {
         ...reactionMenu,
+        paddingHorizontal: BaseTheme.spacing[3],
         borderRadius: 3,
         width: 360
     },
 
     reactionRow: {
-        flexDirection: 'row',
-        justifyContent: 'space-between',
         alignItems: 'center',
-        width: '100%'
+        flexDirection: 'row',
+        justifyContent: 'space-between'
     },
 
     reactionButton: {