diff --git a/src/components/Footer.vue b/src/components/Footer.vue
index 1eb9af1..ede5b3f 100644
--- a/src/components/Footer.vue
+++ b/src/components/Footer.vue
@@ -1,9 +1,9 @@
 <template>
-  <div>
+  <v-footer class="text-center d-flex flex-column mb-12" location="bottom">
     <social/>
     <div class="text-grey logo" style="font-size: small; margin-bottom: 0;">dexorder</div>
     <div class="text-grey" style="font-size: x-small">&copy;{{ new Date().getFullYear() }}</div>
-  </div>
+  </v-footer>
 </template>
 
 <script setup>