diff --git a/frontend/assets/svg/MarvelAIFrame.svg b/frontend/assets/svg/MarvelAIFrame.svg
new file mode 100644
index 000000000..ba71627c3
--- /dev/null
+++ b/frontend/assets/svg/MarvelAIFrame.svg
@@ -0,0 +1,129 @@
+
diff --git a/frontend/layouts/MainAppLayout/SideMenu/SideMenu.jsx b/frontend/layouts/MainAppLayout/SideMenu/SideMenu.jsx
index fb3a3006d..e16cab121 100644
--- a/frontend/layouts/MainAppLayout/SideMenu/SideMenu.jsx
+++ b/frontend/layouts/MainAppLayout/SideMenu/SideMenu.jsx
@@ -1,10 +1,10 @@
import { LogoutOutlined } from '@mui/icons-material';
-import { Button, Grid, Typography } from '@mui/material';
+import { Button, Grid } from '@mui/material';
import { signOut } from 'firebase/auth';
import { useRouter } from 'next/router';
-import LargeLogo from '@/assets/svg/MenuLogo.svg';
+import MarvelAILogo from '@/assets/svg/MarvelAIFrame.svg';
import ROUTES from '@/constants/routes';
@@ -30,13 +30,7 @@ const SideMenu = () => {
return (
router.push(ROUTES.HOME)} {...styles.logoGridProps}>
-
-
-
- Marvel.AI
-
- AI Teaching Assistant
-
+
);
diff --git a/frontend/layouts/MainAppLayout/SideMenu/styles.js b/frontend/layouts/MainAppLayout/SideMenu/styles.js
index 757bac65a..4f8509036 100644
--- a/frontend/layouts/MainAppLayout/SideMenu/styles.js
+++ b/frontend/layouts/MainAppLayout/SideMenu/styles.js
@@ -59,16 +59,19 @@ const styles = {
logoImageGridProps: {
container: true,
item: true,
- mobileSmall: 'auto',
+ mobileSmall: 12,
height: 'auto',
},
titleGridProps: {
+ position: 'relative',
container: true,
item: true,
mobileSmall: true,
flexDirection: 'column',
justifyContent: 'flex-start',
alignItems: 'center',
+ height: '60px',
+ width: '100%',
},
titleProps: {
fontFamily: 'Ethnocentric Regular',