diff --git a/libs/ui/input-controls/src/lib/dropdown/dropdown.component.html b/libs/ui/input-controls/src/lib/dropdown/dropdown.component.html
index 5554e12ad..2c9563ab3 100644
--- a/libs/ui/input-controls/src/lib/dropdown/dropdown.component.html
+++ b/libs/ui/input-controls/src/lib/dropdown/dropdown.component.html
@@ -6,7 +6,12 @@
   [cdkConnectedOverlayOrigin]="cdkOverlayOrigin"
   [cdkConnectedOverlayOpen]="isOpen()"
   [cdkConnectedOverlayOffsetY]="12"
+  [cdkConnectedOverlayHasBackdrop]="true"
+  [cdkConnectedOverlayDisableClose]="false"
+  cdkConnectedOverlayBackdropClass="cdk-overlay-transparent-backdrop"
   [cdkConnectedOverlayMinWidth]="overlayMinWidth"
+  [cdkConnectedOverlayLockPosition]="true"
+  (backdropClick)="close()"
   (detach)="isOpen.set(false)"
 >
   <ul [class]="['ui-dropdown__options']" role="listbox">