diff --git a/resources/js/components/SMNavbar.vue b/resources/js/components/SMNavbar.vue
index ed16e40..4b9524c 100644
--- a/resources/js/components/SMNavbar.vue
+++ b/resources/js/components/SMNavbar.vue
@@ -154,6 +154,7 @@ const handleClickNavBar = () => {
         }
         #sm-nav-toggle {
             padding: 23px;
+            filter: invert(100%) saturate(0%) brightness(120%);
 
             &:hover {
                 background-color: rgba(255, 255, 255, 0.25);