[RTE] Fix a layout issue for the rich text insert table menu (#4485)

Author: vhuseinova-msft

change/@azure-communication-react-a53b1b4d-d385-4dec-b16d-ef05f81ed38a.json

@@ -0,0 +1,9 @@
+{
+  "type": "none",
+  "area": "fix",
+  "workstream": "RTE",
+  "comment": "Fix a layout issue for the insert table menu",
+  "packageName": "@azure/communication-react",
+  "email": "98852890+vhuseinova-msft@users.noreply.github.com",
+  "dependentChangeType": "none"
+}

packages/react-components/src/components/styles/RichTextEditor.styles.ts

@@ -289,7 +289,8 @@ export const insertTableMenuFocusZone = (theme: Theme): string => {
   return mergeStyles({
     lineHeight: '12px',
     width: '5.125rem',
-    border: `solid 0.0625rem ${theme.palette.neutralTertiaryAlt}`
+    border: `solid 0.0625rem ${theme.palette.neutralTertiaryAlt}`,
+    boxSizing: 'border-box'
   });
 };