1 files changed, 7 insertions, 1 deletions
diff --git a/src/components/Sidebar/SidebarButton.tsx b/src/components/Sidebar/SidebarButton.tsx
index 0af2c2c..efcb163 100644
--- a/src/components/Sidebar/SidebarButton.tsx
+++ b/src/components/Sidebar/SidebarButton.tsx
@@ -1,7 +1,13 @@
 export default function SidebarButton(props: any) {
+  let buttonStyle = "flex items-center w-full p-3 leading-tight transition-all rounded-lg outline-none text-start hover:bg-blue-500"
+
+  if (props.name === props.currentPage) {
+    buttonStyle += " border-2 border-black"
+  }
+
   return (
     <div role="button"
-      className="flex items-center w-full p-3 leading-tight transition-all rounded-lg outline-none text-start hover:bg-blue-500">
+      className={buttonStyle}>
       <div className="grid mr-4 place-items-center">
         <i className={props.icon}></i>
       </div>