diff --git a/client/src/common/components/Sidebar/components/SidebarContent/components/PowerItem/PowerItem.jsx b/client/src/common/components/Sidebar/components/SidebarContent/components/PowerItem/PowerItem.jsx
new file mode 100644
index 0000000..6550f4b
--- /dev/null
+++ b/client/src/common/components/Sidebar/components/SidebarContent/components/PowerItem/PowerItem.jsx
@@ -0,0 +1,15 @@
+import "./styles.sass";
+import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
+import {useLocation, useNavigate} from "react-router-dom";
+
+export const PowerItem = ({icon, name, path}) => {
+    const location = useLocation();
+    const navigate = useNavigate();
+
+    return (
+        <div className={"power-item" + (location.pathname === path ? " power-item-active" : "")} onClick={() => navigate(path)}>
+            <FontAwesomeIcon icon={icon}/>
+            <h2>{name}</h2>
+        </div>
+    );
+}
\ No newline at end of file