diff --git a/components/EventDescriptionCard.module.css b/components/EventDescriptionCard.module.css
index 011ecd2a..0ddff676 100644
--- a/components/EventDescriptionCard.module.css
+++ b/components/EventDescriptionCard.module.css
@@ -50,6 +50,7 @@
 
 @media only screen and (max-width: calc(768rem / 16)) {
   .card {
+    max-width: unset;
     padding: 0;
     background-color: transparent;
   }
diff --git a/components/NewsCard.module.css b/components/NewsCard.module.css
index 5f1bda0e..4114b061 100644
--- a/components/NewsCard.module.css
+++ b/components/NewsCard.module.css
@@ -22,6 +22,7 @@
 @media only screen and (max-width: calc(768rem / 16)) {
   .card {
     padding: 0;
+    max-width: unset;
     background-color: transparent;
   }
 
diff --git a/pages/index.module.css b/pages/index.module.css
index 38bfe3da..ec2407d6 100644
--- a/pages/index.module.css
+++ b/pages/index.module.css
@@ -177,6 +177,10 @@
     padding: calc(36rem / 16) calc(20rem / 16) calc(20rem / 16);
   }
 
+  .cards > section {
+    max-width: unset;
+  }
+
   .cardsHeading {
     margin: 0;
     font-size: calc(18rem / 16);