diff --git a/src/layouts/schedule-page/suggest-timeslot-modal/suggest-timeslot-modal.vue b/src/layouts/schedule-page/suggest-timeslot-modal/suggest-timeslot-modal.vue
index c632a79e..710d8200 100644
--- a/src/layouts/schedule-page/suggest-timeslot-modal/suggest-timeslot-modal.vue
+++ b/src/layouts/schedule-page/suggest-timeslot-modal/suggest-timeslot-modal.vue
@@ -146,10 +146,19 @@ export default {
 
 <style lang="scss" scoped>
 .suggest-timeslot-modal-container {
+    .modal {
+        padding-right: 0;
+    }
     :deep(.modal) {
         .modal-dialog {
-            width: 37.5rem;
-            max-width: 37.5rem;
+            @include media-breakpoint-up(xs) {
+                width: auto;
+                max-width: unset;
+            }
+            @include media-breakpoint-up(xl) {
+                width: 37.5rem;
+                max-width: 37.5rem;
+            }            
 
             .modal-content {
                 width: 22rem;