diff --git a/resources/js/components/SMFooter.vue b/resources/js/components/SMPageFooter.vue
similarity index 99%
rename from resources/js/components/SMFooter.vue
rename to resources/js/components/SMPageFooter.vue
index ec3ec53..bd67644 100644
--- a/resources/js/components/SMFooter.vue
+++ b/resources/js/components/SMPageFooter.vue
@@ -80,7 +80,7 @@ import SMSocialIcons from "../components/SMSocialIcons.vue";
 </script>
 
 <style lang="scss">
-.footer {
+.page-footer {
     flex: 0;
     align-items: center;
     font-size: 80%;
diff --git a/resources/js/views/App.vue b/resources/js/views/App.vue
index f94a75f..16d817f 100644
--- a/resources/js/views/App.vue
+++ b/resources/js/views/App.vue
@@ -8,7 +8,7 @@
         </router-view>
     </main>
     <footer>
-        <SMFooter />
+        <SMPageFooter />
     </footer>
     <SMToastList />
     <SMDialogList />
@@ -16,7 +16,7 @@
 
 <script setup lang="ts">
 import SMNavbar from "../components/SMNavbar.vue";
-import SMFooter from "../components/SMFooter.vue";
+import SMPageFooter from "../components/SMPageFooter.vue";
 import SMToastList from "../components/SMToastList.vue";
 import SMDialogList from "../components/SMDialog";
 </script>