diff --git a/src/common/time/PeriodSelect.tsx b/src/common/time/PeriodSelect.tsx
index 66e4f9c..d510ebc 100644
--- a/src/common/time/PeriodSelect.tsx
+++ b/src/common/time/PeriodSelect.tsx
@@ -28,6 +28,13 @@ export default function PeriodSelect(props: Props) {
     }
   }, [unit, prevUnit, onChange, value]);
 
+  useEffect(()=>{
+      let initialUnit: TimeUnit = bestUnit(initialMs);
+      let initialValue = milliToX(initialMs, initialUnit).toString();
+      setValue(initialValue)
+      setUnit(initialUnit)
+  },[initialMs])
+
   const changeValue = (event: any) => {
     let value = event.target.value;
     setValue(value);