Update split button border radius (#1609)

* update split bar button border radius

* update corners for split button dropdowns

* Change files

* Update @internal-react-composites-093c2064-8b62-442d-bf87-d075572716be.json

Author: dmceachernmsft

change/@internal-react-composites-093c2064-8b62-442d-bf87-d075572716be.json

@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "Increase the border radius of buttons in composites with call features",
+  "packageName": "@internal/react-composites",
+  "email": "94866715+dmceachernmsft@users.noreply.github.com",
+  "dependentChangeType": "none"
+}

packages/react-composites/src/composites/CallWithChatComposite/CallWithChatControlBar.tsx

@@ -192,7 +192,7 @@ const desktopControlBarStyles: BaseCustomStyles = {
 const getDesktopCommonButtonStyles = (theme: ITheme): ControlBarButtonStyles => ({
   root: {
     border: `solid 1px ${theme.palette.neutralQuaternaryAlt}`,
-    borderRadius: theme.effects.roundedCorner2,
+    borderRadius: theme.effects.roundedCorner4,
     minHeight: '2.5rem',
     maxWidth: '12rem' // allot extra space than the regular ControlBarButton. This is to give extra room to have the icon beside the text.
   },
@@ -224,7 +224,8 @@ const getDesktopCommonButtonStyles = (theme: ITheme): ControlBarButtonStyles =>
   },
   splitButtonMenuButton: {
     border: `solid 1px ${theme.palette.neutralQuaternaryAlt}`,
-    borderRadius: theme.effects.roundedCorner2,
+    borderTopRightRadius: theme.effects.roundedCorner4,
+    borderBottomRightRadius: theme.effects.roundedCorner4,
     borderTopLeftRadius: '0',
     borderBottomLeftRadius: '0'
   },