From 00d56e0d4b5b6bf1776c9375e4461f2279cae56f Mon Sep 17 00:00:00 2001
From: iamyoshita <35068136+iamyoshita@users.noreply.github.com>
Date: Wed, 5 Nov 2025 20:05:30 -0500
Subject: [PATCH 1/2] app/ui: prevent sidebar animation on initial load

---
 app/ui/app/src/components/layout/layout.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/ui/app/src/components/layout/layout.tsx b/app/ui/app/src/components/layout/layout.tsx
index bffb05716..db049de1b 100644
--- a/app/ui/app/src/components/layout/layout.tsx
+++ b/app/ui/app/src/components/layout/layout.tsx
@@ -67,7 +67,7 @@ export function SidebarLayout({
         {settings.sidebarOpen && sidebar}
       </div>
       <main
-        className={`flex flex-1 flex-col min-w-0 transition-all duration-300`}
+        className={`flex flex-1 flex-col min-w-0 ${mounted ? "transition-all duration-300" : "transition-none"}`}
       >
         <div
           className={`h-13 flex-none w-full z-10 flex items-center bg-white dark:bg-neutral-900 ${isWindows ? "xl:hidden" : "xl:fixed xl:bg-transparent xl:dark:bg-transparent"}`}

From 8a4ccc9b8f091dc55e1575920732e1cbc9522e41 Mon Sep 17 00:00:00 2001
From: sriharshavanga1 <35068136+sriharshavanga1@users.noreply.github.com>
Date: Thu, 6 Nov 2025 01:27:28 -0500
Subject: [PATCH 2/2] app/ui: prevent sidebar animation on initial load

---
 app/ui/app/src/components/layout/layout.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/app/ui/app/src/components/layout/layout.tsx b/app/ui/app/src/components/layout/layout.tsx
index db049de1b..c3651292d 100644
--- a/app/ui/app/src/components/layout/layout.tsx
+++ b/app/ui/app/src/components/layout/layout.tsx
@@ -1,3 +1,4 @@
+import { useState, useEffect } from "react";
 import { Link } from "@tanstack/react-router";
 import { useSettings } from "@/hooks/useSettings";
 
@@ -11,7 +12,11 @@ export function SidebarLayout({
 }>) {
   const { settings, setSettings } = useSettings();
   const isWindows = navigator.platform.toLowerCase().includes("win");
-
+  const [mounted, setMounted] = useState(false);
+    useEffect(() => {
+      setMounted(true);
+    }, []);
+  
   return (
     <div className={`flex transition-[width] duration-300 dark:bg-neutral-900`}>
       <div