diff --git a/website/client-old/css/helpers.styl b/website/client-old/css/helpers.styl
index c295f7430e..7c7ea78863 100644
--- a/website/client-old/css/helpers.styl
+++ b/website/client-old/css/helpers.styl
@@ -62,7 +62,7 @@
   .pull-right-lg
     float: right
 
-// Making sure that the To-Dos tab always flow right on medium screens.
+// Making sure that the To-Dos tab always flow right on small screens.
 @media (min-width: $sm-min-screen-width) and (max-width: $sm-max-screen-width)
-  .new-row-md
+  .new-row-sm
     clear: left
diff --git a/website/views/shared/tasks/index.jade b/website/views/shared/tasks/index.jade
index 3a1ba2f728..495e5e26a9 100644
--- a/website/views/shared/tasks/index.jade
+++ b/website/views/shared/tasks/index.jade
@@ -6,7 +6,7 @@ include ./task_view/mixins
 script(id='templates/habitrpg-tasks.html', type="text/ng-template")
   .tasks-lists.container-fluid
     .row
-      .col-sm-3(ng-repeat='list in lists', ng-class='::{ "rewards-module": list.type==="reward", "new-row-md": list.type==="todo" }')
+      .col-sm-6.col-md-3(ng-repeat='list in lists', ng-class='::{ "rewards-module": list.type==="reward", "new-row-sm": list.type==="todo" }')
         .task-column(class='{{::list.type}}s')
 
           include ./task_view/graph