diff --git a/aleksis/apps/alsijil/static/css/alsijil/alsijil.css b/aleksis/apps/alsijil/static/css/alsijil/alsijil.css
index f551a6e81365175053651cad088372f93abdeeb9..19c98902db0fc3e484de69c2a7d7396132621a0e 100644
--- a/aleksis/apps/alsijil/static/css/alsijil/alsijil.css
+++ b/aleksis/apps/alsijil/static/css/alsijil/alsijil.css
@@ -13,3 +13,16 @@ table a.tr-link {
 	flex-grow: 100;
 	text-align: right!important;
 }
+
+@media only screen and (min-width: 1201px) {
+    .hide-on-extra-large-only {
+        display: none;
+    }
+}
+
+@media only screen and (max-width: 1200px) {
+    .show-on-extra-large {
+        display: none;
+    }
+
+}
diff --git a/aleksis/apps/alsijil/templates/alsijil/class_register/week_view.html b/aleksis/apps/alsijil/templates/alsijil/class_register/week_view.html
index 80b833a2c638a3f21f05e3b5d37aa8fadd4aed11..af413a55d1caca91bab0c82157d0003f5e5920f4 100644
--- a/aleksis/apps/alsijil/templates/alsijil/class_register/week_view.html
+++ b/aleksis/apps/alsijil/templates/alsijil/class_register/week_view.html
@@ -45,7 +45,7 @@
       <div class="col s12 l7">
         {% regroup lesson_periods by period.get_weekday_display as periods_by_day %}
         {% for weekday, periods in periods_by_day %}
-          <div class="card hide-on-med-and-down">
+          <div class="card show-on-extra-large">
             <div class="card-content">
               {% weekday_to_date week periods.0.period.weekday as current_date %}
               <span class="card-title">
@@ -106,7 +106,7 @@
               </table>
             </div>
           </div>
-          <ul class="collapsible hide-on-large-only">
+          <ul class="collapsible hide-on-extra-large-only">
             <li class="">
               {% weekday_to_date week periods.0.period.weekday as current_date %}
               <div class="collapsible-header flow-text">