diff --git a/projects/ion/src/lib/dropdown/dropdown.component.scss b/projects/ion/src/lib/dropdown/dropdown.component.scss
index 973aa62bb..fbd8a9004 100644
--- a/projects/ion/src/lib/dropdown/dropdown.component.scss
+++ b/projects/ion/src/lib/dropdown/dropdown.component.scss
@@ -20,7 +20,6 @@
 }
 
 .container-options {
-  position: absolute;
   z-index: $zIndexLow;
   display: flex;
   flex-direction: column;
diff --git a/projects/ion/src/lib/dropdown/dropdown.component.ts b/projects/ion/src/lib/dropdown/dropdown.component.ts
index e5a8a149f..82f3d931d 100644
--- a/projects/ion/src/lib/dropdown/dropdown.component.ts
+++ b/projects/ion/src/lib/dropdown/dropdown.component.ts
@@ -161,7 +161,9 @@ export class IonDropdownComponent implements AfterViewInit, OnDestroy {
 
     this.overlayRef = this.overlay.create({
       positionStrategy,
-      scrollStrategy: this.overlay.scrollStrategies.reposition(),
+      scrollStrategy: this.overlay.scrollStrategies.reposition({
+        autoClose: true,
+      }),
       hasBackdrop: false,
     });
 
diff --git a/projects/ion/src/lib/modal/modal.component.html b/projects/ion/src/lib/modal/modal.component.html
index 6e56bbc21..226302913 100644
--- a/projects/ion/src/lib/modal/modal.component.html
+++ b/projects/ion/src/lib/modal/modal.component.html
@@ -54,7 +54,7 @@ <h4 data-testid="modalTitle">{{ configuration().title }}</h4>
     />
   }
 
-  <div class="modal-body">
+  <div class="modal-body" cdkScrollable>
     <ng-template #modalBody />
   </div>
 
diff --git a/projects/ion/src/lib/modal/modal.component.ts b/projects/ion/src/lib/modal/modal.component.ts
index 4ef034776..5420a89ce 100644
--- a/projects/ion/src/lib/modal/modal.component.ts
+++ b/projects/ion/src/lib/modal/modal.component.ts
@@ -15,6 +15,7 @@ import {
 } from '@angular/core';
 
 
+import { ScrollingModule } from '@angular/cdk/scrolling';
 import { generateIDs } from '../utils';
 import { IonModalConfiguration, IonModalResponse } from '../core/types/modal';
 import { IonButtonComponent } from '../button/button.component';
@@ -43,7 +44,7 @@ const defaultModal: IonModalConfiguration = {
 @Component({
   selector: 'ion-modal',
   standalone: true,
-  imports: [IonButtonComponent, IonAlertComponent, IonIconComponent],
+  imports: [IonButtonComponent, IonAlertComponent, IonIconComponent, ScrollingModule],
   templateUrl: './modal.component.html',
   styleUrls: ['./modal.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush,
diff --git a/projects/ion/src/lib/picker/date-picker/date-picker-input/date-picker-input.component.scss b/projects/ion/src/lib/picker/date-picker/date-picker-input/date-picker-input.component.scss
index 3e3789286..34f028352 100644
--- a/projects/ion/src/lib/picker/date-picker/date-picker-input/date-picker-input.component.scss
+++ b/projects/ion/src/lib/picker/date-picker/date-picker-input/date-picker-input.component.scss
@@ -1,7 +1,7 @@
 .container-input {
-  max-width: 200px;
+  width: 100%;
 
   &.range {
-    max-width: 238px;
+    width: 100%;
   }
 }
diff --git a/projects/ion/src/lib/picker/date-picker/date-picker.component.scss b/projects/ion/src/lib/picker/date-picker/date-picker.component.scss
index 880655f80..4e6d03042 100644
--- a/projects/ion/src/lib/picker/date-picker/date-picker.component.scss
+++ b/projects/ion/src/lib/picker/date-picker/date-picker.component.scss
@@ -5,7 +5,8 @@
 
 :host {
   position: relative;
-  display: inline-block;
+  display: block;
+  width: 100%;
 }
 
 * {