diff --git a/webapp/components/PageFooter/PageFooter.vue b/webapp/components/PageFooter/PageFooter.vue
index d89739fcd..d90f08b11 100644
--- a/webapp/components/PageFooter/PageFooter.vue
+++ b/webapp/components/PageFooter/PageFooter.vue
@@ -13,3 +13,16 @@
     <nuxt-link to="/changelog">{{ $t('site.changelog') }}</nuxt-link>
   </div>
 </template>
+
+<style lang="scss">
+.ds-footer {
+  text-align: center;
+  position: fixed;
+  bottom: 0px;
+  z-index: 10;
+  background-color: white;
+  width: 100%;
+  padding: 10px 10px;
+  box-shadow: 0px -6px 12px -4px rgba(0, 0, 0, 0.1);
+}
+</style>
diff --git a/webapp/layouts/default.vue b/webapp/layouts/default.vue
index cc15fcfc3..e9a4e8d4e 100644
--- a/webapp/layouts/default.vue
+++ b/webapp/layouts/default.vue
@@ -339,13 +339,4 @@ export default {
     display: none;
   }
 }
-.ds-footer {
-  text-align: center;
-  position: fixed;
-  bottom: 0px;
-  z-index: 10;
-  background-color: white;
-  width: 100%;
-  padding: 10px 10px;
-}
 </style>