diff --git a/templates/history.html b/templates/history.html
index 05379c3..e39ccac 100644
--- a/templates/history.html
+++ b/templates/history.html
@@ -2,15 +2,23 @@
 
 {% block title %}AS215085 - Router tools | History{% endblock %}
 
+{% block page_header %}<H3>BGP Route history</H3>{% endblock %}
+
 {% block content %}
 <section id="total-routes-graph">
     <h2>Total Route History</h2>
-    <div class="d-flex justify-content-end align-items-center mb-3">
-        <div class="btn-group" role="group" aria-label="Time range">
+    <div class="d-flex justify-content-end align-items-center mb-3 flex-wrap">
+        <div class="btn-group me-2" role="group" aria-label="Time range">
             <button type="button" class="btn btn-outline-primary active" data-range="24h">24H</button>
             <button type="button" class="btn btn-outline-primary" data-range="7d">7D</button>
             <button type="button" class="btn btn-outline-primary" data-range="30d">30D</button>
-			<button type="button" class="btn btn-outline-primary" data-range="90d">90D</button>
+            <button type="button" class="btn btn-outline-primary" data-range="90d">90D</button>
+        </div>
+        <div class="d-flex align-items-center">
+            <input type="datetime-local" id="startDate" class="form-control me-1" style="width: auto;">
+            <span class="me-1">to</span>
+            <input type="datetime-local" id="endDate" class="form-control me-1" style="width: auto;">
+            <button type="button" id="customRangeBtn" class="btn btn-primary">Go</button>
         </div>
     </div>
 
@@ -27,8 +35,6 @@
     </div>
 </section>
 
-<hr class="my-4">
-
 <section id="peer-links">
     <h2>Peer History Links</h2>
     {% if peers %}