diff --git a/src/dashboard/example/main.vue b/src/dashboard/example/main.vue
index 2b08262..e41b596 100644
--- a/src/dashboard/example/main.vue
+++ b/src/dashboard/example/main.vue
@@ -33,6 +33,7 @@ const logoUrl = new URL('./image.png', import.meta.url).href;
       side="left"
       bordered
       :width="220"
+      class="sidebar-drawer"
     >
       <div class="sidebar-header q-pa-md">
         <div class="row items-center no-wrap">
@@ -45,8 +46,8 @@ const logoUrl = new URL('./image.png', import.meta.url).href;
             <div class="text-subtitle1 text-weight-bold">
               Control Panel
             </div>
-            <div class="text-caption text-grey-6">
-              <span class="by-label">by</span><a
+            <div class="text-caption">
+              <span class="by-label">by</span> <a
                 class="by-link"
                 href="https://github.com/Pandipipas"
                 target="_blank"
@@ -64,6 +65,7 @@ const logoUrl = new URL('./image.png', import.meta.url).href;
           clickable
           :to="item.to"
           exact
+          active-class="sidebar-item-active"
         >
           <QItemSection avatar>
             <QIcon :name="item.icon" />
@@ -98,11 +100,12 @@ const logoUrl = new URL('./image.png', import.meta.url).href;
 
 .by-link {
   font-size: 0.75rem;
-  color: inherit;
+  color: #f50a64;
   text-decoration: none;
 }
 
 .by-link:hover {
   text-decoration: underline;
 }
+
 </style>