diff --git a/src/src/app/modals/trip-create-modal/trip-create-modal.component.html b/src/src/app/modals/trip-create-modal/trip-create-modal.component.html
index 2386a7a..dd31ff7 100644
--- a/src/src/app/modals/trip-create-modal/trip-create-modal.component.html
+++ b/src/src/app/modals/trip-create-modal/trip-create-modal.component.html
@@ -10,7 +10,7 @@
   </p-floatlabel>
 
   @if (tripForm.get("id")?.value === -1) {
-  <div class="grid md:col-span-4 grid-cols-2 gap-2">
+  <div class="md:col-span-full">
     <p-floatlabel variant="in">
       <p-datepicker id="daterange" formControlName="daterange" [iconDisplay]="'input'" [showIcon]="true" selectionMode="range" appendTo="body" fluid />
       <label for="daterange">Date Range</label>
@@ -56,4 +56,4 @@
 <div class="mt-4 text-right">
   <p-button (click)="closeDialog()" [disabled]="!tripForm.dirty || !tripForm.valid">{{ tripForm.get("id")?.value
     !== -1 ? "Update" : "Create" }}</p-button>
-</div>
\ No newline at end of file
+</div>