diff --git a/src/pages/RequestFlightPage/RequestFlightPage.module.css b/src/pages/RequestFlightPage/RequestFlightPage.module.css
index fcdc68b..4f77728 100644
--- a/src/pages/RequestFlightPage/RequestFlightPage.module.css
+++ b/src/pages/RequestFlightPage/RequestFlightPage.module.css
@@ -1,6 +1,6 @@
 .successPage {
   width: 100%;
-  height: 100%;
+  height: 100vh;
   display: flex;
   flex-direction: column;
   justify-content: center;
diff --git a/src/pages/RequestFlightPage/components/FlightTimeSelector/FlightTimeSelector.module.css b/src/pages/RequestFlightPage/components/FlightTimeSelector/FlightTimeSelector.module.css
index 1569e98..1a1372c 100644
--- a/src/pages/RequestFlightPage/components/FlightTimeSelector/FlightTimeSelector.module.css
+++ b/src/pages/RequestFlightPage/components/FlightTimeSelector/FlightTimeSelector.module.css
@@ -1,21 +1,26 @@
+@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;600;700&display=swap");
+
 .flightSelectorContainer {
   height: 100%;
+  padding: 2rem;
+  box-sizing: border-box;
 }
 
 .flightSelectorBlockHeader {
-  font-size: 2rem;
-  font-weight: 700px;
-  margin-bottom: 10px;
-  color: var(--miracle-color-dark);
-  opacity: 0.8;
+  margin-bottom: 24px;
+  font-size: 30px;
+  font-family: "Inter", sans-serif;
+  font-weight: 600;
+  color: black;
 }
 
 .flightSelectorBlockSubtitle {
-  color: var(--miracle-color-dark-500);
-  font-size: 16px;
+  color: black;
+  font-size: 15px;
+  font-family: "Inter", sans-serif;
+  font-weight: 300;
   padding-bottom: 10px;
   margin-bottom: 20px;
-  opacity: 0.5;
 }
 
 .airportChunk {
@@ -93,6 +98,7 @@
   flex-direction: column;
   height: 80px;
   justify-content: space-between;
+  gap: 12px;
 }
 
 .flightSelectorInputRed {
@@ -164,30 +170,33 @@
 }
 
 .flightSelectorInputLabelBlue {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 106px;
+  height: 37px;
+  background-color: #0067dd;
+  color: white;
+  font-family: "Inter", sans-serif;
+  font-weight: 700;
   font-size: 14px;
-  font-weight: 600;
-  margin-bottom: 5px;
-  color: var(--miracle-color-blue);
-  font-weight: 400;
-  font-size: 18px;
-  opacity: 0.8;
-  border-bottom: 10px;
-  margin-left: 2px;
+  border-radius: 10px;
   text-align: center;
-  margin-bottom: 16px;
 }
 
 .flightSelectorInputLabelRed {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 106px;
+  height: 37px;
+  background-color: #b22a2a;
+  color: white;
+  font-family: "Inter", sans-serif;
+  font-weight: 700;
   font-size: 14px;
-  margin-bottom: 5px;
-  color: var(--miracle-color-red);
-  font-weight: 400;
-  font-size: 18px;
-  opacity: 0.8;
-  border-bottom: 10px;
-  margin-left: 2px;
+  border-radius: 10px;
   text-align: center;
-  margin-bottom: 16px;
 }
 
 .airplaneIconContainer {
@@ -200,9 +209,10 @@
 
 .horizontalLineWithIcon {
   display: flex;
+  justify-content: center;
   align-items: center;
   width: 20%;
-  margin: 36px 16px 0px 16px;
+  margin: 100px 16px 0px 16px;
 }
 
 .horizontalLineWithIcon::before,
@@ -213,8 +223,8 @@
 }
 
 .airplaneIcon {
-  font-size: 24px;
-  color: var(--miracle-color-medium-dark);
+  font-size: 40px;
+  color: var(--miracle-color-dark);
   text-align: center;
   margin: 0 16px;
 }
@@ -230,44 +240,43 @@
 
 .toggleContainer {
   display: flex;
-  flex-direction: row;
-  font-size: 12px;
-  width: fit-content;
-  background-color: #e0e0e0; /* Grey background color */
-  border-radius: 20px; /* Adjust the border-radius as needed */
-  overflow: hidden; /* Clip content that goes beyond the border-radius */
+  justify-content: center;
+  align-items: center;
+  width: 235px;
+  height: 49px;
+  background-color: #f0f0f0;
+  border-radius: 31px;
+  margin: 0 auto;
+  margin-bottom: 24px;
 }
 
 .toggleItem {
-  padding: 8px 16px; /* Adjust padding as needed */
-  cursor: pointer;
-  user-select: none; /* Disable text selection */
-  transition:
-    background-color 0.3s ease,
-    color 0.3s ease; /* Smooth transition */
-
-  /* Initial styles for unselected state */
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 112px;
+  height: 39px;
+  border-radius: 29px;
   background-color: transparent;
-  color: #333; /* Default text color */
-
-  /* Hover styles for unselected state */
-  &:hover {
-    background-color: var(
-      --miracle-color-medium
-    ); /* Hover fill color similar to selected */
-  }
+  font-family: "Inter", sans-serif;
+  font-weight: 600;
+  font-size: 12px;
+  color: black;
+}
 
-  /* Selected state styles */
-  &.selected {
-    background-color: var(
-      --miracle-color-medium-dark
-    ); /* Blue background color */
-    color: var(--miracle-color-white); /* White text color */
-  }
+.toggleItem.selected {
+  background-color: #d9d9d9;
 }
 
 .datePicker {
-  margin: 1rem;
+  width: 382px;
+  height: 334px;
+  border: 1px solid black;
+  border-radius: 50px;
+  background-color: transparent;
+  margin: 1rem auto;
+  padding: 0.5rem;
+  box-sizing: border-box;
 }
 
 .flightSelectorErrorMessage {
@@ -279,3 +288,53 @@
   text-align: center;
   width: 220px;
 }
+
+.subtitleDivider {
+  width: 100%;
+  height: 1px;
+  background-color: #a6a5a5;
+  border: none;
+  margin-bottom: 16px;
+  opacity: 0.48;
+}
+
+.requestsHeader {
+  font-family: "Inter", sans-serif;
+  font-weight: 600;
+  font-size: 25px;
+  color: black;
+  text-align: left;
+  width: 100%;
+}
+
+.dateRequestsHeader {
+  font-family: "Inter", sans-serif;
+  font-weight: 600;
+  font-size: 25px;
+  color: black;
+  text-align: left;
+  width: 100%;
+  margin-top: 10px;
+  margin-bottom: 20px;
+}
+
+.labelContainer {
+  margin-top: 50px;
+  margin-bottom: 20px;
+  display: flex;
+  justify-content: center;
+}
+
+.flightSelectorInput {
+  width: 195px;
+  height: 40px;
+  border: 0.8px solid black;
+  color: black;
+  font-family: "Plus Jakarta Sans", sans-serif;
+  font-size: 13px;
+  font-weight: 400;
+  background-color: transparent;
+  border-radius: 5px;
+  padding: 8px;
+  text-align: center;
+}
diff --git a/src/pages/RequestFlightPage/components/FlightTimeSelector/FlightTimeSelector.tsx b/src/pages/RequestFlightPage/components/FlightTimeSelector/FlightTimeSelector.tsx
index 648c432..bc2f334 100644
--- a/src/pages/RequestFlightPage/components/FlightTimeSelector/FlightTimeSelector.tsx
+++ b/src/pages/RequestFlightPage/components/FlightTimeSelector/FlightTimeSelector.tsx
@@ -9,7 +9,6 @@ import type {
   DateValue,
   FlightTimeSelectorProps,
 } from "./FlightTimeSelector.definitions.ts";
-// import { set } from "react-hook-form";
 
 const FlightTimeSelector = ({
   setStep,
@@ -54,7 +53,6 @@ const FlightTimeSelector = ({
   };
 
   const submitDisabled = () => {
-    // Check if any of the required fields are empty
     return (
       !departureAirportPrimary ||
       !departureAirportAlternate ||
@@ -62,8 +60,8 @@ const FlightTimeSelector = ({
       !arrivalAirportAlternate ||
       !departDate ||
       (arrivalDate && departDate > arrivalDate) ||
-      departureAirportPrimary == departureAirportAlternate ||
-      arrivalAirportPrimary == arrivalAirportAlternate ||
+      departureAirportPrimary === departureAirportAlternate ||
+      arrivalAirportPrimary === arrivalAirportAlternate ||
       (!oneWay && !arrivalDate)
     );
   };
@@ -73,8 +71,9 @@ const FlightTimeSelector = ({
       <div className={styles.flightSelectorContainer}>
         <div className={styles.flightSelectorBlockHeader}>Request a Flight</div>
         <div className={styles.flightSelectorBlockSubtitle}>
-          Choose two of the nearest airports to you and your destination.
+          Choose your top two airport preferences as well as your trip dates.
         </div>
+        <hr className={styles.subtitleDivider} />
         <form className={styles.flightSelectorBlockContent}>
           <div className={styles.checkBoxContainer}>
             <div className={styles.toggleContainer}>
@@ -85,7 +84,7 @@ const FlightTimeSelector = ({
                 onClick={() => setOneWay(!oneWay)}
                 data-testid="oneWay"
               >
-                Round Trip
+                Roundtrip
               </div>
               <div
                 className={`${styles.toggleItem} ${
@@ -94,20 +93,23 @@ const FlightTimeSelector = ({
                 onClick={() => setOneWay(!oneWay)}
                 data-testid="roundTrip"
               >
-                One Way
+                One-way
               </div>
             </div>
           </div>
+          <div className={styles.requestsHeader}>Airport Requests</div>
           <div className={styles.flightSelectorInputContainerUpper}>
             <div className={styles.airportChunk}>
-              <div className={styles.flightSelectorInputLabelBlue}>
-                Departure
+              <div className={styles.labelContainer}>
+                <div className={styles.flightSelectorInputLabelBlue}>
+                  Departure
+                </div>
               </div>
               <div className={styles.flightSelectorInputContainer}>
                 <input
                   type="text"
                   placeholder="Primary Selection"
-                  className={styles.flightSelectorInputBlue}
+                  className={styles.flightSelectorInput}
                   value={departureAirportPrimary}
                   onChange={(e) => {
                     const value = e.target.value;
@@ -129,7 +131,7 @@ const FlightTimeSelector = ({
                 <input
                   type="text"
                   placeholder="Alternate Selection"
-                  className={styles.flightSelectorInputBlueBorder}
+                  className={styles.flightSelectorInput}
                   value={departureAirportAlternate}
                   onChange={(e) => {
                     const value = e.target.value;
@@ -160,14 +162,17 @@ const FlightTimeSelector = ({
                 <Icon glyph="plane" />
               </div>
             </div>
-
             <div className={styles.airportChunk}>
-              <div className={styles.flightSelectorInputLabelRed}>Arrival</div>
+              <div className={styles.labelContainer}>
+                <div className={styles.flightSelectorInputLabelRed}>
+                  Arrival
+                </div>
+              </div>
               <div className={styles.flightSelectorInputContainer}>
                 <input
                   type="text"
                   placeholder="Primary Selection"
-                  className={styles.flightSelectorInputRed}
+                  className={styles.flightSelectorInput}
                   value={arrivalAirportPrimary}
                   onChange={(e) => {
                     const value = e.target.value;
@@ -189,7 +194,7 @@ const FlightTimeSelector = ({
                 <input
                   type="text"
                   placeholder="Alternate Selection"
-                  className={styles.flightSelectorInputRedBorder}
+                  className={styles.flightSelectorInput}
                   value={arrivalAirportAlternate}
                   onChange={(e) => {
                     const value = e.target.value;
@@ -216,7 +221,8 @@ const FlightTimeSelector = ({
               </div>
             </div>
           </div>
-
+          <hr className={styles.subtitleDivider} />
+          <div className={styles.dateRequestsHeader}>Date Requests</div>
           <div className={styles.flightSelectorInputContainerLower}>
             <div className="departure-calendar">
               <DatePicker