diff --git a/frontend/src/views/Home/components/Sidebar.vue b/frontend/src/views/Home/components/Sidebar.vue
index f673a442f3b73a49044a7389f2145e308fa5298e..1ec86a92b647e94fc3f1eaa0e0587c8f9ae63a93 100644
--- a/frontend/src/views/Home/components/Sidebar.vue
+++ b/frontend/src/views/Home/components/Sidebar.vue
@@ -28,4 +28,15 @@ watchEffect(() => {
 })
 </script>
 
-<style lang="scss" scoped></style>
\ No newline at end of file
+<style lang="scss" scoped>
+.sidebar_icon {
+  width: 20px;
+  height: 20px;
+}
+
+.el-menu-item.is-active {
+  background: #f2f8ff !important;
+  border-right: 3px solid rgb(241, 139, 14);
+  color: rgb(241, 139, 14);
+}
+</style>
\ No newline at end of file