diff --git a/src/pretix/presale/templates/pretixpresale/organizers/calendar.html b/src/pretix/presale/templates/pretixpresale/organizers/calendar.html
index baf3faf886..ffcc83e39e 100644
--- a/src/pretix/presale/templates/pretixpresale/organizers/calendar.html
+++ b/src/pretix/presale/templates/pretixpresale/organizers/calendar.html
@@ -18,7 +18,7 @@
             {% endif %}
         {% endfor %}
         <div class="row">
-            <div class="col-sm-4 col-xs-12 text-left flip">
+            <div class="col-md-4 col-sm-6 col-xs-12 text-left flip">
                 <div class="btn-group" role="group">
                     <a href="?{% url_replace request "style" "list" "week" "" "year" "" "month" "" %}" type="button" class="btn btn-default">
                         <span class="fa fa-list" aria-hidden="true"></span>
@@ -42,7 +42,7 @@
                     {% trans "iCal" %}
                 </a>
             </div>
-            <div class="col-sm-4 col-xs-12 text-center" role="group" aria-label="{% trans "Select month and year to show" %}">
+            <div class="col-md-4 col-sm-6 col-xs-12 text-center" role="group" aria-label="{% trans "Select month and year to show" %}">
                 <select name="month" class="form-control" aria-label="{% trans "Month" %}">
                     {% for m in months %}
                         <option value="{{ m|date:"m" }}" {% if m == date %}selected{% endif %}>{{ m|date:"F" }}</option>
@@ -57,7 +57,7 @@
                     {% trans "Go" %}
                 </button>
             </div>
-            <div class="col-sm-4 hidden-xs text-right flip">
+            <div class="col-md-4 hidden-sm hidden-xs text-right flip">
                 {% if has_before %}
                     <a href="?{% url_replace request "year" before.year "month" before.month %}" class="btn btn-default">
                         <span class="fa fa-arrow-left" aria-hidden="true"></span>
diff --git a/src/pretix/presale/templates/pretixpresale/organizers/calendar_week.html b/src/pretix/presale/templates/pretixpresale/organizers/calendar_week.html
index 0b02c9c48c..84a07195a6 100644
--- a/src/pretix/presale/templates/pretixpresale/organizers/calendar_week.html
+++ b/src/pretix/presale/templates/pretixpresale/organizers/calendar_week.html
@@ -19,7 +19,7 @@
             {% endif %}
         {% endfor %}
         <div class="row">
-            <div class="col-sm-4 hidden-xs text-left flip">
+            <div class="col-md-4 col-sm-6 col-xs-12 text-left flip">
                 <div class="btn-group" role="group">
                     <a href="?{% url_replace request "style" "list" "week" "" "year" "" "month" "" %}" type="button"
                        class="btn btn-default">
@@ -44,7 +44,7 @@
                     {% trans "iCal" %}
                 </a>
             </div>
-            <div class="col-sm-4 col-xs-12 text-center">
+            <div class="col-md-4 col-sm-6 col-xs-12 text-center">
                 <select name="week" class="form-control select-calendar-week-short">
                     {% for w in weeks %}
                         <option value="{{ w.0.isocalendar.1 }}"
@@ -62,7 +62,7 @@
                     {% trans "Go" %}
                 </button>
             </div>
-            <div class="col-sm-4 hidden-xs text-right flip">
+            <div class="col-md-4 hidden-sm hidden-xs text-right flip">
                 {% if has_before %}
                     <a href="?{% url_replace request "year" before.isocalendar.0 "week" before.isocalendar.1 %}"
                        class="btn btn-default">