diff --git a/src/Components/Category/Category.tsx b/src/Components/Category/Category.tsx
index 1dfdd21..2de579d 100644
--- a/src/Components/Category/Category.tsx
+++ b/src/Components/Category/Category.tsx
@@ -22,14 +22,14 @@ export function Category(props: ICategoryProps): JSX.Element {
           className='flex flex-row group full'
           onClick={() => setIsOpen(!isOpen)}
         >
-          <span className={'transition-all flex-1 h-full justify-center sidebar-component-left rounded-b-none bg-slate-400/60 group-hover:bg-blue-600'}>
+          <span className={'transition-all flex-1 h-full justify-center sidebar-component-left rounded-b-none bg-slate-400/80 group-hover:bg-blue-600'}>
             {TruncateString(props.category, 25)}
           </span>
           <span className={'flex-none h-full justify-center sidebar-component-right rounded-b-none'}>
             <ChevronRightIcon className='transition-all w-5 rotate-90' />
           </span>
         </div>
-        <div className='transition-all grid gap-2 p-2 bg-slate-400/60 overflow-auto rounded-b-lg visible'>
+        <div className='transition-all grid gap-2 p-2 bg-slate-400/80 overflow-auto rounded-b-lg visible'>
           { props.children }
         </div>
       </button>
diff --git a/src/index.scss b/src/index.scss
index 58b95cd..b6bdcce 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -8,15 +8,15 @@
   }
 
   .sidebar-component {
-    @apply transition-all px-2 py-6 text-sm rounded-lg bg-slate-300/60 hover:bg-blue-500 hover:text-slate-50
+    @apply transition-all px-2 py-6 text-sm rounded-lg bg-slate-300/80 hover:bg-blue-500 hover:text-slate-50
   }
 
   .sidebar-component-left {
-    @apply transition-all px-2 py-6 text-sm rounded-l-lg bg-slate-300/60 group-hover:bg-blue-500 group-hover:text-slate-50
+    @apply transition-all px-2 py-6 text-sm rounded-l-lg bg-slate-300/80 group-hover:bg-blue-500 group-hover:text-slate-50
   }
 
   .sidebar-component-right {
-    @apply transition-all px-2 py-6 text-sm rounded-r-lg bg-slate-400/60 group-hover:bg-blue-600 group-hover:text-slate-50
+    @apply transition-all px-2 py-6 text-sm rounded-r-lg bg-slate-400/80 group-hover:bg-blue-600 group-hover:text-slate-50
   }
 
   .sidebar-component-card {