diff --git a/src/App/mediarules.css b/src/App/mediarules.css
index 3e9cf47ade9f3a817ec4b15d8560892aed66fe75..b916dcf7c671cbe334e525bcd3a5a777af29de89 100644
--- a/src/App/mediarules.css
+++ b/src/App/mediarules.css
@@ -102,17 +102,17 @@
       font-size: 1 em !important;
     }
     .pie-chart-container-small {
-        width: 300px; /* Make smaller for mobile */
-        height: 300px; /* Adjust height accordingly */
+        width: 300px !important; /* Make smaller for mobile */
+        height: 300px !important; /* Adjust height accordingly */
       }  
       .quiz-wrapper {
         flex-direction: column;
         padding: 10px;
-        width: 100%; /* Set width to 100% for mobile screens */
+        width: 100% !important; /* Set width to 100% for mobile screens */
       }
     
       .quiz-front, .quiz-back {
-        padding: 10px;
+        padding: 10px !important;
       }
     
       .quiz-heading {
@@ -121,12 +121,12 @@
     
       .quiz-text {
         font-size: 1em;
-        margin-bottom: 10px;
+        margin-bottom: 10px !important;
         word-wrap: break-word; /* Keep word breaking for mobile */
       }
     
       .quiz-button-box {
-        margin-top: 5px;
+        margin-top: 5px !important;
         justify-content: space-evenly;
       }