diff --git a/resources/js_vue3/assets/app.scss b/resources/js_vue3/assets/app.scss
index 910dbfec..114f506b 100644
--- a/resources/js_vue3/assets/app.scss
+++ b/resources/js_vue3/assets/app.scss
@@ -906,7 +906,7 @@ button.button.tag.is-white,
   padding-top: 40px;
 }
 
-footer {
+footer.main {
   padding: 5px 0 25px 0;
   bottom: 0;
   left: 0;
@@ -915,7 +915,7 @@ footer {
   z-index: 30;
 }
 
-footer .field.is-grouped {
+footer.main .field.is-grouped {
   justify-content: center;
 }
 
diff --git a/resources/js_vue3/layouts/Footer.vue b/resources/js_vue3/layouts/Footer.vue
index 4a6d9f75..17b2dc1b 100644
--- a/resources/js_vue3/layouts/Footer.vue
+++ b/resources/js_vue3/layouts/Footer.vue
@@ -22,7 +22,7 @@
 </script>
 
 <template>
-    <footer>
+    <footer class="main">
         <div class="columns is-gapless" v-if="showButtons">
             <div class="column has-text-centered">
                 <div class="field is-grouped">