diff --git a/packages/app/src/components/sliding-sidebar.tsx b/packages/app/src/components/sliding-sidebar.tsx
index fb7caf663..00b34da15 100644
--- a/packages/app/src/components/sliding-sidebar.tsx
+++ b/packages/app/src/components/sliding-sidebar.tsx
@@ -354,6 +354,8 @@ const styles = StyleSheet.create((theme) => ({
     borderRadius: theme.borderRadius.lg,
     borderWidth: 1,
     borderColor: theme.colors.border,
+    transitionProperty: "border-color, background-color",
+    transitionDuration: "150ms",
   },
   newAgentButtonHovered: {
     borderColor: theme.colors.foreground,