fixed the styles for icon in wss Navbar

Author: manasa

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

@@ -36,8 +36,8 @@ const useStyles = makeStyles(theme => ({
     marginRight: theme.spacing(2)
   },
   appListLogo: {
-    width: '100%',
-    height: '100%'
+    maxWidth: '100%',
+    height: '3rem'
   },
   appName: {
     marginLeft: theme.spacing(2),
@@ -84,7 +84,7 @@ export default function WssNavBar(props: WssNavBarProps) {
 
   return (
     <div id='NavBar' className='nav-bar'>
-      <AppBar position='fixed' color='primary'>
+      <AppBar position='static' color='primary'>
         <Container maxWidth={false}>
           <Toolbar disableGutters style={{ justifyContent: 'space-between' }}>
             <Button id='appName' style={{ textTransform: 'capitalize' }} onClick={appInfo.onClick}>