diff --git a/src/routes/_layout.svelte b/src/routes/_layout.svelte
index 525db3fd..46eb12b5 100644
--- a/src/routes/_layout.svelte
+++ b/src/routes/_layout.svelte
@@ -19,10 +19,12 @@
   {#if !['login', 'signup'].includes($page.path.replace('/', ''))}
     <Navigation {segment} />
   {/if}
-  <slot />
-  {#if $page.path.includes('courses')}
-    <Apps />
-  {/if}
+  <div class="flex justify-between">
+    <slot />
+    {#if $page.path.includes('courses')}
+      <Apps />
+    {/if}
+  </div>
 </main>
 
 <Footer />
diff --git a/src/routes/courses.svelte b/src/routes/courses.svelte
index 25938bcc..cacda516 100644
--- a/src/routes/courses.svelte
+++ b/src/routes/courses.svelte
@@ -1,12 +1,12 @@
 <script>
-  import { stores } from "@sapper/app";
-  import PageNav from "../components/PageNav/index.svelte";
-  import Courses from "../components/Courses/index.svelte";
+  import { stores } from '@sapper/app';
+  import PageNav from '../components/PageNav/index.svelte';
+  import Courses from '../components/Courses/index.svelte';
 
   const { page } = stores();
-  let tab = "";
+  let tab = '';
 
-  $: tab = $page.query.tab || "mine";
+  $: tab = $page.query.tab || 'mine';
 </script>
 
 <svelte:head>