diff --git a/src/views/homePage.vue b/src/views/homePage.vue
index ecf8084..673d642 100644
--- a/src/views/homePage.vue
+++ b/src/views/homePage.vue
@@ -2369,6 +2369,14 @@ body {
   white-space: nowrap;
   padding: 5px 20px;
   min-width: 40%;
+  transition: all 0.3s ease;
+  cursor: pointer;
+}
+
+.changeRule:hover {
+  background-color: #e8f0ff;
+  box-shadow: 0 2px 8px rgba(78, 134, 254, 0.2);
+  transform: translateY(-2px);
 }
 
 .changeLevel {