diff --git a/src/layouts/components/Footer.vue b/src/layouts/components/Footer.vue
index 57cf1b25..a667fcf3 100644
--- a/src/layouts/components/Footer.vue
+++ b/src/layouts/components/Footer.vue
@@ -1,5 +1,8 @@
 <script setup lang="ts">
-const appMode = inject('appMode')
+import { useDisplay } from 'vuetify'
+
+const display = useDisplay()
+const appMode = inject('appMode') && display.mdAndDown
 
 const route = useRoute()