diff --git a/src/components/Sidebar.astro b/src/components/Sidebar.astro
index 772371b..5ce33ca 100644
--- a/src/components/Sidebar.astro
+++ b/src/components/Sidebar.astro
@@ -7,13 +7,13 @@
 
   <ul class="space-y-2">
     <li>
-      <button class="w-full text-left text-gray-900 px-3 py-2 rounded bg-gray-300 hover:bg-gray-100">
+      <button class="w-full text-left bg-blue-100 text-blue-700 px-3 py-2 rounded hover:bg-blue-200">
         System
       </button>
     </li>
 
     <li>
-      <button class="w-full text-left text-gray-900 px-3 py-2 rounded bg-gray-300 hover:bg-gray-100">
+      <button class="w-full text-left bg-green-100 text-green-700 px-3 py-2 rounded hover:bg-green-200">
         Task
       </button>
     </li>