diff --git a/src/Components/AppShell/SideBar.tsx b/src/Components/AppShell/SideBar.tsx
index f3ec5700..58af427d 100644
--- a/src/Components/AppShell/SideBar.tsx
+++ b/src/Components/AppShell/SideBar.tsx
@@ -61,7 +61,7 @@ export function SideBar({ routes, bottomRoutes }: { routes: route[], bottomRoute
       data-te-sidenav-slim-collapsed="true"
       data-te-sidenav-slim-width="56"
       data-te-sidenav-width="160">
-      <div className='tw-flex tw-flex-col tw-h-[calc(100vh-64px)]'>
+      <div className='tw-flex tw-flex-col tw-h-[calc(100dvh-64px)]'>
         <ul className="tw-menu tw-w-full tw-bg-base-100 tw-text-base-content tw-p-0" data-te-sidenav-menu-ref>
           {
             routes.map((route, k) => {