diff --git a/dashboard/src/Index.vue b/dashboard/src/Index.vue
index 3dff60d5d..9de0006bb 100644
--- a/dashboard/src/Index.vue
+++ b/dashboard/src/Index.vue
@@ -364,8 +364,10 @@ onMounted(async () => {
   color: var(--pankow-text-color);
   border-radius: 3px;
   padding: 10px 15px;
+  margin-right: 15px;
   white-space: nowrap;
   cursor: pointer;
+  transition: all 180ms ease-out;
 }
 
 .sidebar-item i {
@@ -382,6 +384,8 @@ onMounted(async () => {
 .sidebar-item:hover {
   background-color: #e9ecef;
   text-decoration: none;
+  padding-left: 30px;
+  margin-right: 0;
 }
 
 @media (prefers-color-scheme: dark) {