diff --git a/src/app/pages/events/events.page.scss b/src/app/pages/events/events.page.scss
index da03cc79f..76a55f66b 100644
--- a/src/app/pages/events/events.page.scss
+++ b/src/app/pages/events/events.page.scss
@@ -326,7 +326,7 @@ ion-toolbar{
   justify-content: center;
 }
 .schedule {
-  width: 400px;
+  max-width: 400px;
   font-family: Roboto;
   margin: 10px 0px;
   padding: 20px;
@@ -442,8 +442,22 @@ ion-toolbar{
 
 
 @media only screen and (min-width: 804px) {
+
   .schedule:first-child {
     margin-right: 2%;
 
   }
+}
+
+@media only screen and (min-width: 478px) {
+  .schedule{
+    width: 400px;
+  }
+}
+
+
+@media only screen and (max-width: 478px) {
+  .schedule{
+    width: 360px;
+  }
 }
\ No newline at end of file