diff --git a/aleksis/apps/alsijil/static/css/alsijil/lesson.css b/aleksis/apps/alsijil/static/css/alsijil/lesson.css
index 22a1be5d539fb0c1fedcd6d0b14ec8f38ec4e648..83b7db8e90d35891d0106f73ebf6176b36d32262 100644
--- a/aleksis/apps/alsijil/static/css/alsijil/lesson.css
+++ b/aleksis/apps/alsijil/static/css/alsijil/lesson.css
@@ -1,3 +1,11 @@
 .alsijil-lesson-cancelled {
     text-decoration: line-through;
 }
+
+@media only screen and (max-width : 992px) {
+    table.responsive-table.alsijil-table th,
+    table.responsive-table.alsijil-table td {
+      margin: 0;
+      vertical-align: top;
+      height: 109px;}
+}
diff --git a/aleksis/apps/alsijil/templates/alsijil/lesson.html b/aleksis/apps/alsijil/templates/alsijil/lesson.html
index 5a00f2572a7a4318d25e09706dda673e59f3f514..169939512ab656561c6b878db3d85f55e1d5a821 100644
--- a/aleksis/apps/alsijil/templates/alsijil/lesson.html
+++ b/aleksis/apps/alsijil/templates/alsijil/lesson.html
@@ -33,7 +33,7 @@
     {% csrf_token %}
 
     <div class="row">
-      <div class="col s12 m12 l8">
+      <div class="col s12 m12 l6 xl8">
         <div class="card">
           <div class="card-content">
           <span class="card-title">
@@ -44,7 +44,7 @@
           </div>
         </div>
       </div>
-      <div class="col s12 m12 l4">
+      <div class="col s12 m12 l6 xl4">
         <div class="card">
           <div class="card-content">
           <span class="card-title">
@@ -65,7 +65,7 @@
       </span>
             {% form form=personal_note_formset.management_form %}{% endform %}
 
-            <table class="striped responsive-table">
+            <table class="striped responsive-table alsijil-table">
               <thead>
               <tr>
                 <th>{% blocktrans %}Person{% endblocktrans %}</th>