fixed some style issues

plasne · Feb 1, 2024 · f0fad75 · f0fad75
1 parent 10b4d78
commit f0fad75
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/packages/mgt-chat/src/components/Chat/Chat.tsx b/packages/mgt-chat/src/components/Chat/Chat.tsx
@@ -75,7 +75,7 @@ const useStyles = makeStyles({
  */
 const messageThreadStyles: MessageThreadStyles = {
   chatContainer: {
-    '& .ui-box': {
+    '& .uiBox': {
       zIndex: 'unset',
       '& div[data-ui-status]': {
         display: 'inline-flex',
@@ -84,7 +84,7 @@ const messageThreadStyles: MessageThreadStyles = {
     }
   },
   chatMessageContainer: {
-    '& p>mgt-person,msft-mention': {
+    '& p>mgtPerson,msftMention': {
       display: 'inline-block',
       ...shorthands.marginInline('0px')
     },
@@ -94,7 +94,7 @@ const messageThreadStyles: MessageThreadStyles = {
     }
   },
   myChatMessageContainer: {
-    '& p>mgt-person,msft-mention': {
+    '& p>mgtPerson,msftMention': {
       display: 'inline-block',
       ...shorthands.marginInline('0px')
     },

diff --git a/packages/mgt-chat/src/components/ChatList/ChatList.tsx b/packages/mgt-chat/src/components/ChatList/ChatList.tsx
@@ -239,7 +239,7 @@ export const ChatList = ({
 
   return (
     <FluentThemeProvider fluentTheme={FluentTheme}>
-      <FluentProvider id="fluentui" theme={webLightTheme} className={styles.fullHeight}>
+      <FluentProvider theme={webLightTheme} className={styles.fullHeight}>
         <div className={styles.fullHeight}>
           {Providers.globalProvider.state === ProviderState.SignedIn && (
             <div className={styles.headerContainer}>