diff --git a/src/client/theme-default/components/VPSidebarLink.vue b/src/client/theme-default/components/VPSidebarLink.vue
index d7830004..f25e6312 100644
--- a/src/client/theme-default/components/VPSidebarLink.vue
+++ b/src/client/theme-default/components/VPSidebarLink.vue
@@ -25,13 +25,6 @@ const closeSideBar = inject('close-sidebar') as () => void
 </template>
 
 <style scoped>
-:deep(.icon) {
-  margin-top: -2px;
-  width: 14px;
-  height: 14px;
-  fill: currentColor;
-}
-
 .link {
   display: block;
   padding: 6px 0;
@@ -41,12 +34,16 @@ const closeSideBar = inject('close-sidebar') as () => void
 
 .link:hover {
   color: var(--vp-c-text-1);
-  transition: color 0.25s;
 }
 
 .link.active {
   color: var(--vp-c-brand);
-  transition: color 0.25s;
+}
+
+.link :deep(.icon) {
+  width: 12px;
+  height: 12px;
+  fill: currentColor;
 }
 
 .link-text {