diff --git a/package.json b/package.json
index 358370e0..bf38be54 100644
--- a/package.json
+++ b/package.json
@@ -243,4 +243,4 @@
       "svelte": "./dist/spinner/Spinner.svelte"
     }
   }
-}
+}
\ No newline at end of file
diff --git a/src/lib/nav/NavUl.svelte b/src/lib/nav/NavUl.svelte
index 90cfba4d..25ed377a 100644
--- a/src/lib/nav/NavUl.svelte
+++ b/src/lib/nav/NavUl.svelte
@@ -5,9 +5,9 @@
 		divClass?: string | undefined;
 	}
 	import { getContext } from 'svelte';
-	import { quintOut } from 'svelte/easing';
+	// import { quintOut } from 'svelte/easing';
 	import { twMerge } from 'tailwind-merge';
-	import { slide, type SlideParams } from 'svelte/transition';
+	// import { slide, type SlideParams } from 'svelte/transition';
 	let { children, ulClass, divClass, ...attributes } = $props<Props>();
 	let breakPoint: 'md' | 'lg' | 'xl' | 'xxl';
 	// let _hidden: boolean;
@@ -23,10 +23,10 @@
 		xxl: '2xl:mt-0 2xl:flex-row 2xl:space-x-8 2xl:border-0 2xl:p-0 2xl:dark:bg-gray-900'
 	};
 	
-	let slideParams: SlideParams = { delay: 250, duration: 500, easing: quintOut };
+	// let slideParams: SlideParams = { delay: 250, duration: 500, easing: quintOut };
 
 	// $inspect('break', ulBreak[breakPoint]);
-    let _divClass = twMerge('w-full md:block md:w-auto', divClass);
+    // let _divClass = twMerge('w-full md:block md:w-auto', divClass);
 	let ulCls = twMerge(
 		'mt-4 flex flex-col rounded-lg border border-gray-100 bg-gray-50 bg-transparent p-4 font-medium dark:border-gray-700 dark:bg-gray-800 rtl:space-x-reverse',
 		ulBreak[breakPoint],
@@ -36,10 +36,8 @@
 	// $inspect('NavUl', breakPoint);
 </script>
 
-<div {...attributes} class={_divClass} transition:slide={slideParams} on:click role="button" tabindex="0">
 <ul class={ulCls} {...attributes}>
 	{@render children()}
 </ul>
-</div>
 
 
diff --git a/src/lib/nav/Navbar.svelte b/src/lib/nav/Navbar.svelte
index 510a290a..329aaff4 100644
--- a/src/lib/nav/Navbar.svelte
+++ b/src/lib/nav/Navbar.svelte
@@ -15,6 +15,8 @@
 	import { setContext } from 'svelte';
 	import { twMerge } from 'tailwind-merge';
 	import { clickOutside } from '../uiHelpers.svelte';
+	import { slide, type SlideParams } from 'svelte/transition';
+	import { quintOut } from 'svelte/easing';
 
 	let {
 		children,
@@ -61,6 +63,8 @@
 	};
 	let divChildrenCls = twMerge('w-full', blockBreak[breakPoint], divChildrenClass);
 	// $inspect('Navbar: ', breakPoint);
+	let slideParams: SlideParams = { delay: 250, duration: 500, easing: quintOut };
+
 </script>
 
 <nav class={navCls} use:clickOutside={closeNav} {...attributes}>
@@ -86,7 +90,7 @@
 				/>
 			</svg>
 		</button>
-		<div class="{navDisplay} {divChildrenCls}">
+		<div class="{navDisplay} {divChildrenCls}" transition:slide={slideParams} role="button" tabindex="0" >
 			{@render children()}
 		</div>
 	</div>
diff --git a/src/lib/sidebar/SidebarGroup.svelte b/src/lib/sidebar/SidebarGroup.svelte
index fe2ade48..cdde3c43 100644
--- a/src/lib/sidebar/SidebarGroup.svelte
+++ b/src/lib/sidebar/SidebarGroup.svelte
@@ -16,11 +16,11 @@
 	);
 	// export let border: boolean = false;
 
-	if (border) {
-		ulCls += ' ' + borderCls;
-	}
+	// if (border) {
+	// 	ulCls += ' ' + borderCls;
+	// }
 </script>
 
-<ul {...attributes} class={ulCls}>
+<ul {...attributes} class={border ? borderCls : ulCls}>
 	{@render children()}
 </ul>