diff --git a/src/Dropdown/Dropdown.svelte b/src/Dropdown/Dropdown.svelte
index 1e22d095..53de945d 100644
--- a/src/Dropdown/Dropdown.svelte
+++ b/src/Dropdown/Dropdown.svelte
@@ -111,6 +111,7 @@
   const dispatch = createEventDispatcher();
 
   let highlightedIndex = -1;
+  let mainDivRef;
 
   $: inline = type === "inline";
   $: selectedItem = items.find((item) => item.id === selectedId);
@@ -165,6 +166,7 @@
 <svelte:window on:click="{pageClickHandler}" />
 
 <div
+  bind:this="{mainDivRef}"
   class:bx--dropdown__wrapper="{true}"
   class:bx--list-box__wrapper="{true}"
   class:bx--dropdown__wrapper--inline="{inline}"