From 08c3fe1239205270961ce988e1bc8dcea1c383f5 Mon Sep 17 00:00:00 2001
From: Kerem Yilmaz <kerem@skyvern.com>
Date: Thu, 13 Jun 2024 11:05:00 -0700
Subject: [PATCH] Decrease padding in side nav (#471)

---
 skyvern-frontend/src/routes/root/SideNav.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

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,
           });
         }}