diff --git a/package.json b/package.json
index 1621d5590..2e0a3f6a8 100644
--- a/package.json
+++ b/package.json
@@ -23,7 +23,7 @@
         "@appwrite.io/pink": "0.25.0",
         "@appwrite.io/pink-icons": "0.25.0",
         "@appwrite.io/pink-icons-svelte": "1.0.0-next.7",
-        "@appwrite.io/pink-svelte": "https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@e2c54c3",
+        "@appwrite.io/pink-svelte": "https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@dee77ad",
         "@popperjs/core": "^2.11.8",
         "@sentry/sveltekit": "^8.38.0",
         "@stripe/stripe-js": "^3.5.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 96c2c7e68..c51c063f0 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -21,8 +21,8 @@ importers:
         specifier: 1.0.0-next.7
         version: 1.0.0-next.7(svelte@4.2.19)
       '@appwrite.io/pink-svelte':
-        specifier: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@e2c54c3
-        version: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@e2c54c3(react-dom@18.3.1(react@18.3.1))(svelte@4.2.19)
+        specifier: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@dee77ad
+        version: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@dee77ad(react-dom@18.3.1(react@18.3.1))(svelte@4.2.19)
       '@popperjs/core':
         specifier: ^2.11.8
         version: 2.11.8
@@ -223,8 +223,8 @@ packages:
     peerDependencies:
       svelte: ^4.0.0
 
-  '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@e2c54c381107560ff339208565292413bd334572':
-    resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@e2c54c381107560ff339208565292413bd334572}
+  '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@dee77adf8f89ed4101e109173a76edf25045cac5':
+    resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@dee77adf8f89ed4101e109173a76edf25045cac5}
     version: 1.0.0-next.7
     peerDependencies:
       svelte: ^4.0.0
@@ -232,8 +232,8 @@ packages:
   '@appwrite.io/pink-icons@0.25.0':
     resolution: {integrity: sha512-0O3i2oEuh5mWvjO80i+X6rbzrWLJ1m5wmv2/M3a1p2PyBJsFxN8xQMTEmTn3Wl/D26SsM7SpzbdW6gmfgoVU9Q==}
 
-  '@appwrite.io/pink-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@e2c54c3':
-    resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@e2c54c3}
+  '@appwrite.io/pink-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@dee77ad':
+    resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@dee77ad}
     version: 1.0.0-next.85
     peerDependencies:
       react-dom: ^18.0.0
@@ -4049,15 +4049,15 @@ snapshots:
     dependencies:
       svelte: 4.2.19
 
-  '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@e2c54c381107560ff339208565292413bd334572(svelte@4.2.19)':
+  '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@dee77adf8f89ed4101e109173a76edf25045cac5(svelte@4.2.19)':
     dependencies:
       svelte: 4.2.19
 
   '@appwrite.io/pink-icons@0.25.0': {}
 
-  '@appwrite.io/pink-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@e2c54c3(react-dom@18.3.1(react@18.3.1))(svelte@4.2.19)':
+  '@appwrite.io/pink-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@dee77ad(react-dom@18.3.1(react@18.3.1))(svelte@4.2.19)':
     dependencies:
-      '@appwrite.io/pink-icons-svelte': https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@e2c54c381107560ff339208565292413bd334572(svelte@4.2.19)
+      '@appwrite.io/pink-icons-svelte': https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@dee77adf8f89ed4101e109173a76edf25045cac5(svelte@4.2.19)
       '@floating-ui/dom': 1.6.12
       '@melt-ui/pp': 0.3.2(@melt-ui/svelte@0.86.2(svelte@4.2.19))(svelte@4.2.19)
       '@melt-ui/svelte': 0.86.2(svelte@4.2.19)
diff --git a/src/lib/components/navbar.svelte b/src/lib/components/navbar.svelte
index befe04e0c..fb982794f 100644
--- a/src/lib/components/navbar.svelte
+++ b/src/lib/components/navbar.svelte
@@ -97,15 +97,13 @@
 
 <Navbar.Base {...$$props}>
     <div slot="left" class="left">
-        {#if showSideNavigation}
-            <div class="only-mobile-tablet">
-                <button
-                    class="sideNavToggle"
-                    on:click={() => {
-                        sideBarIsOpen = !sideBarIsOpen;
-                    }}><Icon icon={IconMenuAlt4} /></button>
-            </div>
-        {/if}
+        <div class="only-mobile-tablet">
+            <button
+                class="sideNavToggle"
+                on:click={() => {
+                    sideBarIsOpen = !sideBarIsOpen;
+                }}><Icon icon={IconMenuAlt4} /></button>
+        </div>
         <img src={logo.src} alt={logo.alt} class="only-desktop" />
         <BreadcrumbsConsole {organizations} />
     </div>
diff --git a/src/lib/layout/shell.svelte b/src/lib/layout/shell.svelte
index 0e9a32698..dd0cdd69b 100644
--- a/src/lib/layout/shell.svelte
+++ b/src/lib/layout/shell.svelte
@@ -80,15 +80,12 @@
     {#if showHeader}
         <Navbar {...navbarProps} bind:sideBarIsOpen bind:showSideNavigation bind:showAccountMenu />
     {/if}
-
-    {#if showSideNavigation}
-        <Sidebar
-            project={projects.find((project) => project.isSelected)}
-            avatar={navbarProps.avatar}
-            bind:sideBarIsOpen
-            bind:showAccountMenu
-            bind:state />
-    {/if}
+    <Sidebar
+        project={projects.find((project) => project.isSelected)}
+        avatar={navbarProps.avatar}
+        bind:sideBarIsOpen
+        bind:showAccountMenu
+        bind:state />
 
     <div
         class="content"
@@ -147,6 +144,7 @@
         z-index: 10;
         background-color: #56565c1a;
         backdrop-filter: blur(5px);
+        transition: backdrop-filter 0.5s ease-in-out;
 
         @media (min-width: 1024px) {
             display: none;