diff --git a/client/src/components/schedule-job-modal/schedule-job-modal.component.jsx b/client/src/components/schedule-job-modal/schedule-job-modal.component.jsx
index c211ac794..5c1421dfa 100644
--- a/client/src/components/schedule-job-modal/schedule-job-modal.component.jsx
+++ b/client/src/components/schedule-job-modal/schedule-job-modal.component.jsx
@@ -99,7 +99,10 @@ export function ScheduleJobModalComponent({
           {smartOptions.length > 0 && (
             <div>{t("appointments.labels.suggesteddates")}</div>
           )}
-          <div className="imex-flex-row imex-flex-row__flex-space-around">
+          <div
+            className="imex-flex-row imex-flex-row__flex-space-around"
+            style={{ flexWrap: "wrap" }}
+          >
             {smartOptions.map((d, idx) => (
               <Button
                 className="imex-flex-row__margin"