diff --git a/busManager/coord/context_helpers.py b/busManager/coord/context_helpers.py
index f77913d..b4d8e7a 100644
--- a/busManager/coord/context_helpers.py
+++ b/busManager/coord/context_helpers.py
@@ -4,6 +4,8 @@ from coord.models import Bus, BusStop, TravellerRoute, Driver, Traveller, Shuttl
 
 
 def bus_roll_context(queryset=None):
+    table_header_size = 5
+    page_max_size = 45
     bus_routes = []
     if queryset is None:
         buses = Bus.objects.all()
@@ -11,10 +13,21 @@ def bus_roll_context(queryset=None):
         buses = queryset
 
     for bus in buses:
-        bus_route = []
+        route_pages = []
+        page_stops = []
+        page_size = 0
         for bus_stop in BusStop.objects.filter(bus=bus):
+            traveller_routes = TravellerRoute.objects.filter(busStop=bus_stop)
+            page_size += table_header_size + traveller_routes.count()
+            if page_size > page_max_size:
+                route_pages.append({
+                    'stops': page_stops
+                })
+                page_stops = []
+                page_size = table_header_size + traveller_routes.count()
+
             traveller_list = []
-            for trav_route in TravellerRoute.objects.filter(busStop=bus_stop):
+            for trav_route in traveller_routes:
                 traveller = trav_route.traveller
                 if not traveller.is_active():
                     continue
@@ -25,14 +38,13 @@ def bus_roll_context(queryset=None):
                     'display': f"{traveller} ({traveller.get_year_level_display()}, {traveller.school.shortName})",
                     'isFared': is_fared
                 })
-            stop_result = {
+            page_stops.append({
                 'stop_num': bus_stop.get_stop_number(),
                 'name': bus_stop.address,
                 'am': bus_stop.am_time,
                 'pm': bus_stop.pm_time,
                 'travellers': traveller_list
-            }
-            bus_route.append(stop_result)
+            })
 
         shuttle_travellers = []
         has_shuttle = False
@@ -43,7 +55,7 @@ def bus_roll_context(queryset=None):
                     'display': f"{traveller} ({traveller.get_year_level_display()}, {traveller.school})",
                 })
 
-        bus_routes.append({'bus': bus, 'stops': bus_route, 'has_shuttle': has_shuttle, 'shuttle_travellers': shuttle_travellers})
+        bus_routes.append({'route_name': bus.route_name, 'route_pages': route_pages, 'has_shuttle': has_shuttle, 'shuttle_travellers': shuttle_travellers})
     return {'routes': bus_routes}
 
 
@@ -84,7 +96,6 @@ def school_roll_context(queryset):
                     'travellers': travellers
                 })
 
-
         school_list.append({"name": school.name, "routes": school_routes})
     return {"schools": school_list}
 
diff --git a/busManager/coord/templates/reports/bus_roll.html b/busManager/coord/templates/reports/bus_roll.html
index 34783d3..cd6e304 100644
--- a/busManager/coord/templates/reports/bus_roll.html
+++ b/busManager/coord/templates/reports/bus_roll.html
@@ -18,58 +18,59 @@
 </style>
 
 {% for route in routes %}
-    <h1 style="font-size: 2.5em">{{ route.bus.route_name }}</h1>
-    {% for stop in route.stops %}
-        <hr style="border: 5px">
-        <table class="stopHeader">
-            <tr>
-                <th style="width: 100%">Stop Number #{{ stop.stop_num }}</th>
-                <th style="width: 20%">Pickup Time</th>
-                <th style="width: 25%">Drop-off Time</th>
-            </tr>
-            <tr>
-                <td>{{ stop.name }}</td>
-                <td>{{ stop.am }}</td>
-                <td>{{ stop.pm }}</td>
-            </tr>
-        </table>
-        <table class="traveller">
-            <tr>
-                <th style="width: 100%; text-align: left">Student</th>
-                <th style="width: 10%">Fare</th>
-                <th style="width: 8%">Mon AM</th>
-                <th style="width: 8%">Mon PM</th>
-                <th style="width: 8%">Tue AM</th>
-                <th style="width: 8%">Tue PM</th>
-                <th style="width: 8%">Wed AM</th>
-                <th style="width: 8%">Wed PM</th>
-                <th style="width: 8%">Thu AM</th>
-                <th style="width: 8%">Thu PM</th>
-                <th style="width: 8%">Fri AM</th>
-                <th style="width: 8%">Fri PM</th>
-            </tr>
-            {% for traveller in stop.travellers %}
+    {% for page in route.route_pages %}
+        <h1 style="font-size: 2.5em">{{ route.route_name }}</h1>
+        {% for stop in page.stops %}
+            <table class="stopHeader">
                 <tr>
-                    <td style="padding-top: 3px; padding-left: 2px; text-align: left">{{ traveller.display }}</td>
-                    <td style="padding-top: 3px; text-align: center"><b>{{ traveller.isFared }}</b></td>
-                    <td>    </td>
-                    <td>    </td>
-                    <td>    </td>
-                    <td>    </td>
-                    <td>    </td>
-                    <td>    </td>
-                    <td>    </td>
-                    <td>    </td>
-                    <td>    </td>
-                    <td>    </td>
+                    <th style="width: 100%"></th>
+                    <th style="width: 20%">Pickup Time</th>
+                    <th style="width: 25%">Drop-off Time</th>
                 </tr>
-            {% endfor %}
-        </table>
-        <br>
+                <tr>
+                    <td><b>Stop Number #{{ stop.stop_num }}</b> {{ stop.name }}</td>
+                    <td>{{ stop.am }}</td>
+                    <td>{{ stop.pm }}</td>
+                </tr>
+            </table>
+            <table class="traveller">
+                <tr>
+                    <th style="width: 100%; text-align: left">Student</th>
+                    <th style="width: 10%">Fare</th>
+                    <th style="width: 8%">Mon AM</th>
+                    <th style="width: 8%">Mon PM</th>
+                    <th style="width: 8%">Tue AM</th>
+                    <th style="width: 8%">Tue PM</th>
+                    <th style="width: 8%">Wed AM</th>
+                    <th style="width: 8%">Wed PM</th>
+                    <th style="width: 8%">Thu AM</th>
+                    <th style="width: 8%">Thu PM</th>
+                    <th style="width: 8%">Fri AM</th>
+                    <th style="width: 8%">Fri PM</th>
+                </tr>
+                {% for traveller in stop.travellers %}
+                    <tr>
+                        <td style="padding-top: 3px; padding-left: 2px; text-align: left">{{ traveller.display }}</td>
+                        <td style="padding-top: 3px; text-align: center"><b>{{ traveller.isFared }}</b></td>
+                        <td>    </td>
+                        <td>    </td>
+                        <td>    </td>
+                        <td>    </td>
+                        <td>    </td>
+                        <td>    </td>
+                        <td>    </td>
+                        <td>    </td>
+                        <td>    </td>
+                        <td>    </td>
+                    </tr>
+                {% endfor %}
+            </table>
+            <br>
+        {% endfor %}
+        <p style="page-break-after: always">
     {% endfor %}
     {% if route.has_shuttle %}
-        <p style="page-break-after: always">
-        <h1 style="font-size: 2.5em">{{ route.bus.route_name }} (Shuttle)</h1>
+        <h1 style="font-size: 2.5em">{{ route.route_name }} (Shuttle)</h1>
         <table class="traveller">
             {% for traveller in route.shuttle_travellers %}
                 <tr>
@@ -77,6 +78,6 @@
                 </tr>
             {% endfor %}
         </table>
+        <p style="page-break-after: always">
     {% endif %}
-    <p style="page-break-after: always">
 {% endfor %}
\ No newline at end of file