diff --git a/src/public/index.html b/src/public/index.html
index 95a8728..ca9172c 100644
--- a/src/public/index.html
+++ b/src/public/index.html
@@ -677,6 +677,7 @@
                                             <option value="1d">1 Day</option>
                                             <option value="3d">3 Days</option>
                                             <option value="7d">7 Days</option>
+                                            <option value="30d">30 Days</option>
                                         </select>
                                     </div>
                                 </div>
@@ -767,6 +768,7 @@
                                             <option value="1d">1 Day</option>
                                             <option value="3d">3 Days</option>
                                             <option value="7d">7 Days</option>
+                                            <option value="30d">30 Days</option>
                                         </select>
                                     </div>
                                 </div>
@@ -836,6 +838,7 @@
                                             <option value="1d">1 Day</option>
                                             <option value="3d">3 Days</option>
                                             <option value="7d">7 Days</option>
+                                            <option value="30d">30 Days</option>
                                         </select>
                                     </div>
                                 </div>
@@ -1700,9 +1703,9 @@
                 selectedNodeMqttMetrics: [],
                 selectedNodeTraceroutes: [],
 
-                deviceMetricsTimeRange: "3d",
-                environmentMetricsTimeRange: "3d",
-                powerMetricsTimeRange: "3d",
+                deviceMetricsTimeRange: "7d",
+                environmentMetricsTimeRange: "7d",
+                powerMetricsTimeRange: "7d",
 
                 isPositionHistoryModalExpanded: true,
                 positionHistoryDateTimeFrom: null,
@@ -1791,6 +1794,7 @@
                 const oneDayAgoInMilliseconds = new Date().getTime() - (86400 * 1000);
                 const threeDaysAgoInMilliseconds = new Date().getTime() - (259200 * 1000);
                 const sevenDaysAgoInMilliseconds = new Date().getTime() - (604800 * 1000);
+                const thirtyDaysAgoInMilliseconds = new Date().getTime() - (259200 * 1000 * 10);
 
                 // determine how long back to load device metrics from
                 var timeFrom = threeDaysAgoInMilliseconds;
@@ -1807,6 +1811,10 @@
                         timeFrom = sevenDaysAgoInMilliseconds;
                         break;
                     }
+                    case "30d": {
+                        timeFrom = thirtyDaysAgoInMilliseconds;
+                        break;
+                    }
                 }
 
                 window.axios.get(`/api/v1/nodes/${nodeId}/device-metrics`, {
@@ -1828,6 +1836,7 @@
                 const oneDayAgoInMilliseconds = new Date().getTime() - (86400 * 1000);
                 const threeDaysAgoInMilliseconds = new Date().getTime() - (259200 * 1000);
                 const sevenDaysAgoInMilliseconds = new Date().getTime() - (604800 * 1000);
+                const thirtyDaysAgoInMilliseconds = new Date().getTime() - (259200 * 1000 * 10);
 
                 // determine how long back to load environment metrics from
                 var timeFrom = threeDaysAgoInMilliseconds;
@@ -1844,6 +1853,10 @@
                         timeFrom = sevenDaysAgoInMilliseconds;
                         break;
                     }
+                    case "30d": {
+                        timeFrom = thirtyDaysAgoInMilliseconds;
+                        break;
+                    }
                 }
 
                 window.axios.get(`/api/v1/nodes/${nodeId}/environment-metrics`, {
@@ -1865,6 +1878,7 @@
                 const oneDayAgoInMilliseconds = new Date().getTime() - (86400 * 1000);
                 const threeDaysAgoInMilliseconds = new Date().getTime() - (259200 * 1000);
                 const sevenDaysAgoInMilliseconds = new Date().getTime() - (604800 * 1000);
+                const thirtyDaysAgoInMilliseconds = new Date().getTime() - (259200 * 1000 * 10);
 
                 // determine how long back to load power metrics from
                 var timeFrom = threeDaysAgoInMilliseconds;
@@ -1881,6 +1895,10 @@
                         timeFrom = sevenDaysAgoInMilliseconds;
                         break;
                     }
+                    case "30d": {
+                        timeFrom = thirtyDaysAgoInMilliseconds;
+                        break;
+                    }
                 }
 
                 window.axios.get(`/api/v1/nodes/${nodeId}/power-metrics`, {