diff --git a/src/components/app/app.scss b/src/components/app/app.scss
index 25cfadc..ce4fd43 100644
--- a/src/components/app/app.scss
+++ b/src/components/app/app.scss
@@ -5,7 +5,6 @@
     -moz-osx-font-smoothing: grayscale;
     text-align: center;
     color: #2c3e50;
-    padding-bottom: 100px;
 }
 
 #app-content
diff --git a/src/components/app/app.vue b/src/components/app/app.vue
index 1523d9f..ddf6512 100644
--- a/src/components/app/app.vue
+++ b/src/components/app/app.vue
@@ -1,6 +1,6 @@
 <template>
     <div id="app" class="theme-default">
-        <div id="app-inner" v-if="staticPage === ''" :class="{dark: darkMode}">
+        <div id="app-inner" v-if="staticPage === ''" :class="{dark: darkMode, padding: nav.id !== 'course-selection'}">
             <login v-if="showLogin" v-on:login:user="onLogin"/>
             <navigation v-if="user != null"
                         :app="this" :user="user" :nav="nav"
@@ -22,3 +22,10 @@
 
 <script src="./app.ts" lang="ts"></script>
 <style src="./app.scss" lang="scss"/>
+
+<style lang="scss" scoped>
+    .padding
+    {
+        padding-bottom: 100px;
+    }
+</style>