diff --git a/resources/js/components/SMNavbar.vue b/resources/js/components/SMNavbar.vue
index 22cc4c8..4a91520 100644
--- a/resources/js/components/SMNavbar.vue
+++ b/resources/js/components/SMNavbar.vue
@@ -163,7 +163,7 @@ onUnmounted(() => {
 </script>
 
 <style lang="scss">
-body[data-route-name="page-home"] {
+.page-home {
     .sm-navbar-container {
         background-color: rgba(255, 255, 255, 0.1);