diff --git a/webui/public/daggyd.css b/webui/public/daggyd.css
index 7c73362..c8831f7 100644
--- a/webui/public/daggyd.css
+++ b/webui/public/daggyd.css
@@ -9,6 +9,10 @@ body {
   margin: 0px;
 }
 
+pre {
+  font-size: 1.0rem;
+}
+
 #app {
   flex-flow: column wrap;
 }
diff --git a/webui/src/components/RunDetails.vue b/webui/src/components/RunDetails.vue
index 9f776f8..3639da2 100644
--- a/webui/src/components/RunDetails.vue
+++ b/webui/src/components/RunDetails.vue
@@ -29,6 +29,12 @@ export default {
   },
 
   watch: {
+    refreshSeconds() {
+      this.fetchRun();
+    },
+    daggydURL() {
+      this.fetchRun();
+    },
     activeRunID() {
       this.fetchRun();
     },
diff --git a/webui/src/components/RunList.vue b/webui/src/components/RunList.vue
index 44f4b03..47c1ab1 100644
--- a/webui/src/components/RunList.vue
+++ b/webui/src/components/RunList.vue
@@ -54,6 +54,18 @@ export default {
     },
   },
 
+  watch: {
+    refreshSeconds() {
+      this.fetchRuns();
+    },
+    daggydURL() {
+      this.fetchRuns();
+    },
+    activeRunID() {
+      this.fetchRuns();
+    },
+  },
+
   methods: {
     isNumeric(x) {
       const p = parseFloat(x);