diff --git a/src/views/host/HostListView.js b/src/views/host/HostListView.js
index f5668ad23593a5037cac3ac83937ae06118e6471..06557ccc8eccfd3497208c1dd0371771c8a42515 100644
--- a/src/views/host/HostListView.js
+++ b/src/views/host/HostListView.js
@@ -61,17 +61,25 @@ export function HostListView() {
           : { tab: serialize(tab), page: "0" }
       );
 
-      if (tab === 0) {
-        setHostFilter("ALL");
-      } else if (tab === 1) {
-        setHostFilter("IOCS_DEPLOYED");
-      } else if (tab === 2) {
-        setHostFilter("NO_IOCS");
-      }
+      changeTab(tab);
     },
     [setState]
   );
 
+  const changeTab = (tab) => {
+    if (tab === 0) {
+      setHostFilter("ALL");
+    } else if (tab === 1) {
+      setHostFilter("IOCS_DEPLOYED");
+    } else if (tab === 2) {
+      setHostFilter("NO_IOCS");
+    }
+  };
+
+  useEffect(() => {
+    state.tab && changeTab(deserialize(state.tab));
+  }, [state]);
+
   const handleChangeOwn = useCallback(
     (event) => {
       const own = event.target.checked;
diff --git a/src/views/jobs/JobListView.js b/src/views/jobs/JobListView.js
index 5cfdb5f4ed859acda31d1535da09fb243a36a10a..f48f903d8ddf7c1a64584aebfbe1dcc077766f72 100644
--- a/src/views/jobs/JobListView.js
+++ b/src/views/jobs/JobListView.js
@@ -61,6 +61,10 @@ export function JobListView() {
         : { tab: serialize(tab), page: "0" }
     );
 
+    changeTab(tab);
+  };
+
+  const changeTab = (tab) => {
     if (tab === 0) {
       setDeploymentStatus(null);
     } else if (tab === 1) {
@@ -72,6 +76,10 @@ export function JobListView() {
     }
   };
 
+  useEffect(() => {
+    state.tab && changeTab(deserialize(state.tab));
+  }, [state]);
+
   const handleChangeOwn = (event) => {
     const own = event.target.checked;
     setState({ own: serialize(own), page: "0" });