[bugfix] Center more button icon in video tile (#2902)

* Center more button in video tile

Author: edwardlee-msft

change-beta/@azure-communication-react-8edc905e-9c26-46bf-8f69-ab569aba9bac.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Center more button in video tile",
+  "packageName": "@azure/communication-react",
+  "email": "edwardlee@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@azure-communication-react-8edc905e-9c26-46bf-8f69-ab569aba9bac.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Center more button in video tile",
+  "packageName": "@azure/communication-react",
+  "email": "edwardlee@microsoft.com",
+  "dependentChangeType": "patch"
+}

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

@@ -128,6 +128,7 @@ export const moreButtonStyles: IButtonStyles = {
     // To ensure that the button is clickable when there is a floating video tile
     zIndex: 1,
     color: 'inherit',
+    top: '-0.125rem',
     height: '100%'
   },
   rootHovered: {