Style fix in WSS portal

Author: Sharma

packages/react-sdk-components/src/components/designSystemExtension/RichTextEditor/RichTextEditor.tsx

@@ -91,25 +91,25 @@ const RichTextEditor = forwardRef(function RichTextEditor(props: RichTextEditorP
           skin: 'oxide-dark', // or 'oxide' for light theme
           // ...other TinyMCE config...
           content_style: `
-      body {
-        font-family: ${theme.typography.fontFamily};
-        font-size: ${theme.typography.fontSize}px;
-        color: ${theme.palette.text.primary};
-        background: ${theme.palette.background.paper};
+        body {
+          font-family: ${theme.typography.fontFamily};
+          font-size: ${theme.typography.fontSize}px;
+          color: ${theme.palette.text.primary};
+          background: ${theme.palette.background.paper};
+        }
+        a { color: ${theme.palette.primary.main}; }
+        h1, h2, h3, h4, h5, h6 { color: ${theme.palette.text.primary}; font-family: ${theme.typography.fontFamily}; }
+        blockquote { color: ${theme.palette.text.secondary}; border-left: 4px solid ${theme.palette.primary.light}; padding-left: 8px; }
+        ul, ol { color: ${theme.palette.text.primary}; }
+        input, textarea, select {
+          background: ${theme.palette.background.paper};
+          color: ${theme.palette.text.primary};
+          border: 1px solid ${theme.palette.divider};
+          border-radius: 4px;
+          padding: 6px 10px;
+          font-size: 1em;
+          font-family: inherit;
       }
-      a { color: ${theme.palette.primary.main}; }
-  h1, h2, h3, h4, h5, h6 { color: ${theme.palette.text.primary}; font-family: ${theme.typography.fontFamily}; }
-  blockquote { color: ${theme.palette.text.secondary}; border-left: 4px solid ${theme.palette.primary.light}; padding-left: 8px; }
-  ul, ol { color: ${theme.palette.text.primary}; }
-  input, textarea, select {
-    background: ${theme.palette.background.paper};
-    color: ${theme.palette.text.primary};
-    border: 1px solid ${theme.palette.divider};
-    border-radius: 4px;
-    padding: 6px 10px;
-    font-size: 1em;
-    font-family: inherit;
-  }
       /* Add more styles as needed */
     `,
           placeholder,

packages/react-sdk-components/src/components/template/AppShell/AppShell.tsx

@@ -30,7 +30,6 @@ interface AppShellProps extends PConnProps {
 
 const useStyles = makeStyles(theme => ({
   root: {
-    // display: 'flex',
     backgroundColor: theme.backgroundColor
   },
   content: {
@@ -242,7 +241,7 @@ export default function AppShell(props: PropsWithChildren<AppShellProps>) {
   return (
     // eslint-disable-next-line react/jsx-no-constructed-context-values
     <NavContext.Provider value={{ open, setOpen }}>
-      <div id='AppShell' className={classes.root}>
+      <div id='AppShell' className={classes.root} style={{ display: 'flex' }}>
         <NavBar
           getPConnect={getPConnect}
           pConn={getPConnect()}