diff --git a/web/src/components/Home/Sidebar/index.tsx b/web/src/components/Home/Sidebar/index.tsx
index 30f4aae..68aaaf9 100644
--- a/web/src/components/Home/Sidebar/index.tsx
+++ b/web/src/components/Home/Sidebar/index.tsx
@@ -1,12 +1,12 @@
 import type { FC } from "react";
-import { useBarItems } from "../tabs";
+import { useBarItems } from "@/hooks/barItems";
 import { Link } from "react-router";
 
 const Sidebar: FC = () => {
   const [barItems, isActive] = useBarItems();
 
   return (
-    <div className="hidden sm:flex flex-col gap-2 items-stretch min-w-80 w-80 p-5 pt-18 min-h-screen select-none bg-white/65 dark:bg-black/65 shadow-lg shadow-gray-300 dark:shadow-gray-700">
+    <div className="hidden sm:flex flex-col gap-2 items-stretch border-r border-gray-700 dark:border-gray-800 min-w-80 w-80 p-5 pt-18 min-h-screen select-none">
       {barItems.map((item) => (
         <Link to={item.pathname} key={item.tab}>
           <div