diff --git a/resources/ts/Components/layout/DrawerEntry.tsx b/resources/ts/Components/layout/DrawerEntry.tsx
index 874131b53..499b1fc38 100644
--- a/resources/ts/Components/layout/DrawerEntry.tsx
+++ b/resources/ts/Components/layout/DrawerEntry.tsx
@@ -14,22 +14,21 @@ import {ValueOf} from 'type-fest';
 
 type Icons = ValueOf<typeof MaterialIcons>;
 
-export interface DrawerEntryAttributes extends Attributes {
-  route: string;
+export interface DrawerEntryAttributes extends Attributes, ListItemLink {
   icon: Icons;
 }
 
 export class DrawerEntry<A extends DrawerEntryAttributes = DrawerEntryAttributes> extends Component<A> {
   view(vnode: Vnode<A>) {
     return (
-      <md-list-item-link headline={vnode.children as string} active={this.isRouteActive(vnode.attrs.route)} href={route(vnode.attrs.route)} onclick={this.navigateToRoute.bind(this)}>
+      <md-list-item-link headline={vnode.children as string} active={this.isRouteActive(vnode.attrs.href)} href={vnode.attrs.href} onclick={this.navigateToRoute.bind(this)} {...this.attrs.all()}>
         <MdIcon icon={vnode.attrs.icon} slot="start"/>
       </md-list-item-link>
     );
   }
 
-  isRouteActive(routeName: string) {
-    return route().current(routeName);
+  isRouteActive(href: string) {
+    return route(route().current()!) === href;
   }
 
   navigateToRoute(event: Event) {