diff --git a/public/trends.html b/public/trends.html
index 6478cbb..05f6970 100644
--- a/public/trends.html
+++ b/public/trends.html
@@ -1,3 +1,4 @@
+<!-- public/trends.html -->
 <!DOCTYPE html>
 <html lang="en">
 <head>
@@ -21,8 +22,8 @@
     <h1>Trends</h1>
 
     <div class="trends-controls">
-      <input id="timeframe-slider" type="range" min="0" max="4" value="0">
-      <span id="timeframe-label"></span>
+      <input id="timeframe-slider" type="range" min="0" max="4" value="0" style="width:75%;">
+      <span id="timeframe-label" style="margin-left:1rem;"></span>
     </div>
 
     <div class="trends-metrics">
@@ -56,3 +57,4 @@
   <script src="/scripts/trends.js"></script>
 </body>
 </html>
+
