diff --git a/src/webapp/components/navigation/bottomBar/BottomBar.tsx b/src/webapp/components/navigation/bottomBar/BottomBar.tsx
index b715a3e6..df75ba3d 100644
--- a/src/webapp/components/navigation/bottomBar/BottomBar.tsx
+++ b/src/webapp/components/navigation/bottomBar/BottomBar.tsx
@@ -2,7 +2,6 @@ import { AppShellFooter, Avatar, Group } from '@mantine/core';
 import { FaRegNoteSticky } from 'react-icons/fa6';
 import { LuLibrary } from 'react-icons/lu';
 import { MdOutlineEmojiNature } from 'react-icons/md';
-import NavbarToggle from '../NavbarToggle';
 import BottomBarItem from '../bottomBarItem/BottomBarItem';
 import useMyProfile from '@/features/profile/lib/queries/useMyProfile';
 
diff --git a/src/webapp/components/navigation/guestAppLayout/GuestAppLayout.tsx b/src/webapp/components/navigation/guestAppLayout/GuestAppLayout.tsx
index fe725990..923ac1a8 100644
--- a/src/webapp/components/navigation/guestAppLayout/GuestAppLayout.tsx
+++ b/src/webapp/components/navigation/guestAppLayout/GuestAppLayout.tsx
@@ -4,6 +4,7 @@ import { AppShell } from '@mantine/core';
 import { useNavbarContext } from '@/providers/navbar';
 import { usePathname } from 'next/navigation';
 import GuestNavbar from '../guestNavbar/GuestNavbar';
+import GuestBottomBar from '../guestBottomBar/GuestBottomBar';
 
 interface Props {
   children: React.ReactNode;
@@ -36,6 +37,8 @@ export default function GuestAppLayout(props: Props) {
       <GuestNavbar />
 
       <AppShell.Main>{props.children}</AppShell.Main>
+
+      <GuestBottomBar />
     </AppShell>
   );
 }
diff --git a/src/webapp/components/navigation/guestBottomBar/GuestBottomBar.tsx b/src/webapp/components/navigation/guestBottomBar/GuestBottomBar.tsx
new file mode 100644
index 00000000..ac0180fd
--- /dev/null
+++ b/src/webapp/components/navigation/guestBottomBar/GuestBottomBar.tsx
@@ -0,0 +1,17 @@
+import { AppShellFooter, Avatar, Group } from '@mantine/core';
+import { LuLibrary } from 'react-icons/lu';
+import { MdOutlineEmojiNature } from 'react-icons/md';
+import BottomBarItem from '../bottomBarItem/BottomBarItem';
+import Link from 'next/link';
+
+export default function GuestBottomBar() {
+  return (
+    <AppShellFooter px={'sm'} pb={'lg'} py={'xs'} hiddenFrom="sm">
+      <Group align="start" justify="space-around" gap={'lg'} h={'100%'}>
+        <BottomBarItem href="/home" icon={LuLibrary} />
+        <BottomBarItem href="/explore" icon={MdOutlineEmojiNature} />
+        <Avatar component={Link} href={'/login'} />
+      </Group>
+    </AppShellFooter>
+  );
+}