diff --git a/web/app/src/components/footer/FooterPopup.vue b/web/app/src/components/footer/FooterPopup.vue
index 259ffdd6..af6a740e 100644
--- a/web/app/src/components/footer/FooterPopup.vue
+++ b/web/app/src/components/footer/FooterPopup.vue
@@ -1,13 +1,18 @@
 <script setup>
-import { ref } from 'vue'
+import { ref, watch } from 'vue'
 import NotificationList from './NotificationList.vue'
 import TaskLog from './TaskLog.vue'
 import ConnectionStatus from '@/components/ConnectionStatus.vue'
 
 const emit = defineEmits(['clickClose'])
 
-const currentTab = ref('NotificationList')
+const initialTab = localStorage.getItem("footer-popover-active-tab") || 'NotificationList';
+const currentTab = ref(initialTab)
 const tabs = { NotificationList, TaskLog }
+
+watch(currentTab, async (newTab) => {
+  localStorage.setItem("footer-popover-active-tab", newTab);
+});
 </script>
 
 <template>
diff --git a/web/app/src/views/JobsView.vue b/web/app/src/views/JobsView.vue
index 46b8dd28..a28b706a 100644
--- a/web/app/src/views/JobsView.vue
+++ b/web/app/src/views/JobsView.vue
@@ -57,7 +57,7 @@ export default {
     tasks: useTasks(),
     notifs: useNotifs(),
     taskLog: useTaskLog(),
-    showFooterPopup: false,
+    showFooterPopup: !!localStorage.getItem("footer-popover-visible"),
   }),
   computed: {
     hasJobData() {
@@ -85,6 +85,10 @@ export default {
       this.taskLog.clear();
       this._fetchTask(newTaskID);
     },
+    showFooterPopup(shown) {
+      if (shown) localStorage.setItem("footer-popover-visible", "true");
+      else localStorage.removeItem("footer-popover-visible");
+    },
   },
   methods: {
     onTableJobClicked(rowData) {