diff --git a/src/app/src/features/navbar/components/NavbarLink.tsx b/src/app/src/features/navbar/components/NavbarLink.tsx
index 9a1a5bd95..b001ea124 100644
--- a/src/app/src/features/navbar/components/NavbarLink.tsx
+++ b/src/app/src/features/navbar/components/NavbarLink.tsx
@@ -11,8 +11,8 @@ interface NavbarLinkProps {
 
 export function NavbarLink(props: NavbarLinkProps) {
     return (
-        <div className="flex flex-col items-center justify-center text-sm text-gray-500">
-            <a className="flex flex-col gap-0.5" href={props.href}>
+        <div className="flex flex-col">
+            <a className="flex flex-col gap-0.5  self-center content-center items-center justify-center text-sm text-gray-500" href={props.href}>
                 <props.icon className="text-4xl text-gray-800"/>
                 { props.label }
             </a>
diff --git a/src/app/src/workspace/Sidebar/index.tsx b/src/app/src/workspace/Sidebar/index.tsx
index b69b2656d..e3e8042c1 100644
--- a/src/app/src/workspace/Sidebar/index.tsx
+++ b/src/app/src/workspace/Sidebar/index.tsx
@@ -1,7 +1,7 @@
 import {Navbar} from "../../features/navbar";
 
 export const Sidebar = () => {
-    return <div className="border p-3 w-20">
+    return <div className="border w-20 flex flex-col justify-end">
         <Navbar />
     </div>;
 };