diff --git a/src/DropdownItem.d.ts b/src/DropdownItem.d.ts
index 0bd74883..7a54e414 100644
--- a/src/DropdownItem.d.ts
+++ b/src/DropdownItem.d.ts
@@ -1,7 +1,7 @@
 import { SvelteComponentTyped } from 'svelte';
 
 export interface DropdownItemProps
-  extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['button']> {
+  extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['li']> {
   active?: boolean;
   disabled?: boolean;
   divider?: boolean;
diff --git a/src/DropdownItem.svelte b/src/DropdownItem.svelte
index 605a84b3..c452c2da 100644
--- a/src/DropdownItem.svelte
+++ b/src/DropdownItem.svelte
@@ -34,6 +34,7 @@
   }
 </script>
 
+<li>
 {#if header}
   <h6 {...$$restProps} on:click on:click={handleItemClick} class={classes}>
     <slot />
@@ -51,3 +52,4 @@
     <slot />
   </button>
 {/if}
+</li>
\ No newline at end of file
diff --git a/src/DropdownMenu.d.ts b/src/DropdownMenu.d.ts
index 15d5497f..808bfc05 100644
--- a/src/DropdownMenu.d.ts
+++ b/src/DropdownMenu.d.ts
@@ -1,7 +1,7 @@
 import { SvelteComponentTyped } from 'svelte';
 
 export interface DropdownMenuProps
-  extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div']> {
+  extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['ul']> {
   dark?: boolean;
   end?: boolean;
   right?: boolean;
diff --git a/src/DropdownMenu.svelte b/src/DropdownMenu.svelte
index 64c06c8a..2efafd86 100644
--- a/src/DropdownMenu.svelte
+++ b/src/DropdownMenu.svelte
@@ -39,11 +39,11 @@
   });
 </script>
 
-<div
+<ul
   {...$$restProps}
   class={classes}
   data-bs-popper={$context.inNavbar ? 'static' : undefined}
   use:$context.popperContent={popperOptions}
 >
   <slot />
-</div>
+</ul>
diff --git a/src/DropdownToggle.svelte b/src/DropdownToggle.svelte
index 3c334046..5db5a978 100644
--- a/src/DropdownToggle.svelte
+++ b/src/DropdownToggle.svelte
@@ -22,7 +22,8 @@
   $: classes = classnames(className, {
     'dropdown-toggle': caret || split,
     'dropdown-toggle-split': split,
-    'nav-link': nav
+    'nav-link': nav,
+    'show' : $context.isOpen
   });
 
   function toggleButton(e) {
diff --git a/src/Popover.svelte b/src/Popover.svelte
index dc1a5b29..941591d8 100644
--- a/src/Popover.svelte
+++ b/src/Popover.svelte
@@ -1,6 +1,6 @@
 <script>
   import { onMount } from 'svelte';
-  import { createPopper } from '@popperjs/core/dist/esm/popper';
+  import { createPopper } from '@popperjs/core';
   import classnames from './utils';
   import InlineContainer from './InlineContainer.svelte';
   import Portal from './Portal.svelte';