diff --git a/src/lib/components/Org/SideBar.svelte b/src/lib/components/Org/SideBar.svelte
index 8e1f5a6e..2d09ef1a 100644
--- a/src/lib/components/Org/SideBar.svelte
+++ b/src/lib/components/Org/SideBar.svelte
@@ -63,7 +63,7 @@
     $menu.hidden
       ? '-translate-x-[100%] absolute md:translate-x-0 md:relative z-[9999]'
       : 'translate-x-0 absolute md:relative z-[9999]'
-  } transition w-[250px] min-w-[250px] bg-gray-100 dark:bg-gray-800 h-[calc(100vh-36px)] md:h-full border border-l-0 border-t-0 border-b-0 border-r-1`}
+  } transition w-[250px] min-w-[250px] bg-gray-100 dark:bg-gray-800 h-[calc(100vh-48px)] md:h-full border border-l-0 border-t-0 border-b-0 border-r-1`}
 >
   <div class="h-full flex flex-col">
     <div class="border-b border-gray-200 pt-5 px-4">
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 8ae69ad3..86f3592f 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -346,11 +346,11 @@
   }
 
   .org-root {
-    height: calc(100vh - 38px);
+    height: calc(100vh - 48px);
   }
   .org-slot {
     min-width: calc(100vw - 250px);
-    height: calc(100vh - 38px);
+    height: calc(100vh - 48px);
     overflow-y: auto;
   }
 
@@ -425,7 +425,7 @@
   @media screen and (max-width: 457px) {
     .org-slot {
       min-width: 100%;
-      max-height: calc(100vh - 38px);
+      max-height: calc(100vh - 48px);
       overflow-y: auto;
     }
   }
diff --git a/src/routes/org/[slug]/courses/+page.svelte b/src/routes/org/[slug]/courses/+page.svelte
index 851df172..9b3b97ae 100644
--- a/src/routes/org/[slug]/courses/+page.svelte
+++ b/src/routes/org/[slug]/courses/+page.svelte
@@ -50,7 +50,7 @@
 </svelte:head>
 
 <section class="w-full md:max-w-6xl md:mx-auto">
-  <div class="py-10 px-2 md:px-5">
+  <div class="py-2 md:py-10 px-2 md:px-5">
     <div class="flex items-center justify-between mb-10">
       <h1 class="dark:text-white text-2xl md:text-3xl font-bold">Courses</h1>
       {#if $isMobile}