diff --git a/code/frontend/src/components/Sidebar.js b/code/frontend/src/components/Sidebar.js
index de4c5e7..6847b68 100644
--- a/code/frontend/src/components/Sidebar.js
+++ b/code/frontend/src/components/Sidebar.js
@@ -3,7 +3,7 @@ import Style from "./Sidebar.module.css"
 import classNames from "classnames"
 import Logo from "./Logo"
 import ButtonSidebar from "./ButtonSidebar"
-import { faHome } from "@fortawesome/free-solid-svg-icons"
+import { faCog, faExclamationTriangle, faFolder, faHome } from "@fortawesome/free-solid-svg-icons"
 
 
 export default function Sidebar({ children, className, ...props }) {
@@ -12,6 +12,9 @@ export default function Sidebar({ children, className, ...props }) {
             {/* TODO: Aggiungere il logo qui! */}
             <Logo/>
             <ButtonSidebar icon={faHome}>Dashboard</ButtonSidebar>
+            <ButtonSidebar icon={faFolder}>Repositories</ButtonSidebar>
+            <ButtonSidebar icon={faExclamationTriangle}>Alerts</ButtonSidebar>
+            <ButtonSidebar icon={faCog}>Settings</ButtonSidebar>
             {children}
         </div>
     )
diff --git a/code/frontend/src/components/Sidebar.module.css b/code/frontend/src/components/Sidebar.module.css
index 4fd1176..23fc3ec 100644
--- a/code/frontend/src/components/Sidebar.module.css
+++ b/code/frontend/src/components/Sidebar.module.css
@@ -1,7 +1,7 @@
 .Sidebar {
     display: flex;
     flex-direction: column;
-    gap: 10px;
+    gap: 25px;
 
     width: 100%;
     height: 100%;