fix: Invalid portal theming issues (#513)

* updated based on new theme

---------

Co-authored-by: mohas22 <[email protected]>
Co-authored-by: Siva Rama Krishna <[email protected]>

Author: 3 people

packages/react-sdk-components/src/samples/FullPortal/index.tsx

@@ -152,14 +152,18 @@ export default function FullPortal() {
     startPortal();
   };
 
-  return portalSelectionScreen ? (
+  const content = portalSelectionScreen ? (
     <InvalidPortal defaultPortal={defaultPortalName} portals={availablePortals} onSelect={loadSelectedPortal} />
   ) : (
+    rootComponentProps && <RootComponent {...rootComponentProps} />
+  );
+
+  return (
     <div id='pega-root'>
       <StyledEngineProvider injectFirst>
         <ThemeProvider theme={theme}>
           <CssBaseline />
-          {rootComponentProps && <RootComponent {...rootComponentProps} />}
+          {content}
         </ThemeProvider>
       </StyledEngineProvider>
     </div>