diff --git a/packages/angular-sdk-components/src/lib/_components/field/date/date.component.html b/packages/angular-sdk-components/src/lib/_components/field/date/date.component.html
index 235a0e4c..f4420633 100644
--- a/packages/angular-sdk-components/src/lib/_components/field/date/date.component.html
+++ b/packages/angular-sdk-components/src/lib/_components/field/date/date.component.html
@@ -20,7 +20,7 @@
           (dateChange)="fieldOnDateChange($event)"
         />
         <mat-datepicker-toggle matSuffix [for]="pegadate" [disabled]="bDisabled$"></mat-datepicker-toggle>
-        <mat-datepicker #pegadate [startAt]="value$"></mat-datepicker>
+        <mat-datepicker #pegadate [startAt]="value$" xPosition="end"></mat-datepicker>
         <mat-error *ngIf="fieldControl.invalid">{{ getErrorMessage() }}</mat-error>
       </mat-form-field>
     </div>
diff --git a/packages/angular-sdk-components/src/lib/_components/field/phone/phone.component.scss b/packages/angular-sdk-components/src/lib/_components/field/phone/phone.component.scss
index 0a887a33..af91312c 100644
--- a/packages/angular-sdk-components/src/lib/_components/field/phone/phone.component.scss
+++ b/packages/angular-sdk-components/src/lib/_components/field/phone/phone.component.scss
@@ -24,10 +24,10 @@
   font-size: 0.7rem;
 }
 
-::ng-deep .cdk-overlay-pane {
-  left: 32rem !important;
-  top: 20rem !important;
-}
+// ::ng-deep .cdk-overlay-pane {
+//   // left: 32rem !important;
+//   // top: 20rem !important;
+// }
 
 ::ng-deep .mat-mdc-menu-panel {
   max-width: 20rem;