diff --git a/skyvern-frontend/src/routes/root/SideNav.tsx b/skyvern-frontend/src/routes/root/SideNav.tsx
index 6ba98d7d..934d8eb2 100644
--- a/skyvern-frontend/src/routes/root/SideNav.tsx
+++ b/skyvern-frontend/src/routes/root/SideNav.tsx
@@ -8,11 +8,11 @@ import { NavLink } from "react-router-dom";
 
 function SideNav() {
   return (
-    <nav>
+    <nav className="space-y-2">
       <NavLink
         to="create"
         className={({ isActive }) => {
-          return cn("flex items-center px-6 py-4 hover:bg-muted rounded-2xl", {
+          return cn("flex items-center px-5 py-3 hover:bg-muted rounded-2xl", {
             "bg-muted": isActive,
           });
         }}
@@ -23,7 +23,7 @@ function SideNav() {
       <NavLink
         to="tasks"
         className={({ isActive }) => {
-          return cn("flex items-center px-6 py-4 hover:bg-muted rounded-2xl", {
+          return cn("flex items-center px-5 py-3 hover:bg-muted rounded-2xl", {
             "bg-muted": isActive,
           });
         }}
@@ -34,7 +34,7 @@ function SideNav() {
       <NavLink
         to="settings"
         className={({ isActive }) => {
-          return cn("flex items-center px-6 py-4 hover:bg-muted rounded-2xl", {
+          return cn("flex items-center px-5 py-3 hover:bg-muted rounded-2xl", {
             "bg-muted": isActive,
           });
         }}