diff --git a/frontend/cycles-allowlist.json b/frontend/cycles-allowlist.json
index c184bce1f1..a92cc34566 100644
--- a/frontend/cycles-allowlist.json
+++ b/frontend/cycles-allowlist.json
@@ -3,7 +3,6 @@
   "modules/index.ts > modules/integration/integration-module.js > modules/integration/integration-store.js > modules/integration/helpers/integration-progress-notification.ts > modules/integration/components/integration-progress-wrapper.vue > modules/integration/integration-service.js > router/index.js",
   "modules/index.ts > modules/integration/integration-module.js > modules/integration/integration-store.js > modules/integration/integration-service.js > router/index.js",
   "modules/index.ts > modules/integration/integration-module.js > modules/integration/integration-store.js > router/index.js",
-  "modules/index.ts > modules/layout/layout-module.js > modules/layout/layout-store.js > router/index.js",
   "modules/index.ts > modules/member/member-module.js > modules/member/store/index.js > modules/member/store/actions.js > router/index.js",
   "modules/index.ts > modules/member/member-module.js > modules/member/store/index.js > modules/member/store/actions.js > shared/store/actions.js > router/index.js",
   "modules/index.ts > modules/settings/settings-module.js > modules/settings/settings-store.js > router/index.js",
diff --git a/frontend/src/app.vue b/frontend/src/app.vue
index 0c67f17255..f527eaa29e 100644
--- a/frontend/src/app.vue
+++ b/frontend/src/app.vue
@@ -21,7 +21,6 @@
 </template>
 
 <script>
-import { mapActions } from 'vuex';
 import AppResizePage from '@/modules/layout/pages/resize-page.vue';
 import { storeToRefs } from 'pinia';
 import { useAuthStore } from '@/modules/auth/store/auth.store';
@@ -66,8 +65,6 @@ export default {
   },
 
   async created() {
-    window.addEventListener('resize', this.handleResize);
-    this.handleResize();
     const queryParameters = new URLSearchParams(window.location.search);
     if (queryParameters.get('state') === 'noconnect' && window.location.pathname.includes('/integration')) {
       return;
@@ -80,20 +77,6 @@ export default {
 
   unmounted() {
     this.detachListeners();
-    window.removeEventListener('resize', this.handleResize);
-  },
-
-  methods: {
-    ...mapActions({
-      resize: 'layout/resize',
-    }),
-
-    handleResize() {
-      this.resize({
-        width: window.innerWidth,
-        height: window.innerHeight,
-      });
-    },
   },
 };
 </script>
diff --git a/frontend/src/modules/layout/components/menu/menu.vue b/frontend/src/modules/layout/components/menu/menu.vue
index 448f9216dd..eef55e17ed 100644
--- a/frontend/src/modules/layout/components/menu/menu.vue
+++ b/frontend/src/modules/layout/components/menu/menu.vue
@@ -87,8 +87,7 @@ import { useActivityTypeStore } from '@/modules/activity/store/type';
 import { useLfSegmentsStore } from '@/modules/lf/segments/store';
 import { storeToRefs } from 'pinia';
 import AppLfMenuProjectGroupSelection from '@/modules/lf/layout/components/lf-menu-project-group-selection.vue';
-import { mapGetters } from '@/shared/vuex/vuex.helpers';
-import { useStore } from 'vuex';
+import { useLayoutStore } from '@/modules/layout/pinia/layout.store';
 import { useActivityStore } from '@/modules/activity/store/pinia';
 import { useMemberStore } from '@/modules/member/store/pinia';
 import allMembers from '@/modules/member/config/saved-views/views/all-members';
@@ -99,9 +98,9 @@ import { LfPermission } from '@/shared/modules/permissions/types/Permissions';
 import LfMenuLink from '@/modules/layout/components/menu/menu-link.vue';
 import LfIcon from '@/ui-kit/icon/Icon.vue';
 
-const store = useStore();
-
-const { menuCollapsed: isCollapsed } = mapGetters('layout');
+const layoutStore = useLayoutStore();
+const { menuCollapsed: isCollapsed } = storeToRefs(layoutStore);
+const { toggleMenu } = layoutStore;
 
 const { fetchActivityTypes } = useActivityTypeStore();
 const { fetchActivityChannels } = useActivityStore();
@@ -136,10 +135,6 @@ watch(
   { immediate: true, deep: true },
 );
 
-function toggleMenu() {
-  store.dispatch('layout/toggleMenu');
-}
-
 </script>
 
 <script>
diff --git a/frontend/src/modules/layout/layout-module.js b/frontend/src/modules/layout/layout-module.js
index 9a4e6120dd..99031dfd84 100644
--- a/frontend/src/modules/layout/layout-module.js
+++ b/frontend/src/modules/layout/layout-module.js
@@ -1,5 +1,4 @@
 import Layout from '@/modules/layout/components/layout.vue';
-import store from '@/modules/layout/layout-store';
 import routes from '@/modules/layout/layout-routes';
 
 export default {
@@ -7,7 +6,5 @@ export default {
     'app-layout': Layout,
   },
 
-  store,
-
   routes,
 };
diff --git a/frontend/src/modules/layout/layout-store.js b/frontend/src/modules/layout/layout-store.js
deleted file mode 100644
index 34655757cf..0000000000
--- a/frontend/src/modules/layout/layout-store.js
+++ /dev/null
@@ -1,49 +0,0 @@
-import { router } from '@/router';
-
-export default {
-  namespaced: true,
-
-  state: () => ({
-    menuCollapsed: false,
-    isMobile: false,
-  }),
-
-  getters: {
-    menuCollapsed: (state) => state.menuCollapsed,
-    isMobile: (state) => Boolean(state.isMobile),
-    paginationLayout: (state) => (state.isMobile
-      ? 'prev, pager, next, slot, total'
-      : 'prev, pager, next, slot, total, sizes'),
-    labelPosition: (state) => (state.isMobile ? 'top' : undefined),
-    labelWidthForm: () => undefined,
-    labelWidthFilter: (state) => (state.isMobile ? undefined : '120px'),
-  },
-
-  mutations: {
-    COLLAPSE_MENU(state) {
-      state.menuCollapsed = true;
-    },
-
-    TOGGLE_MENU(state) {
-      state.menuCollapsed = !state.menuCollapsed;
-    },
-
-    RESIZE(state, payload) {
-      state.isMobile = payload.width < 576;
-    },
-  },
-
-  actions: {
-    resize({ commit }, payload) {
-      commit('RESIZE', payload);
-    },
-
-    toggleMenu({ commit }) {
-      commit('TOGGLE_MENU');
-    },
-
-    collapseMenu({ commit }) {
-      commit('COLLAPSE_MENU');
-    },
-  },
-};
diff --git a/frontend/src/modules/layout/pinia/layout.store.ts b/frontend/src/modules/layout/pinia/layout.store.ts
new file mode 100644
index 0000000000..28f81300d3
--- /dev/null
+++ b/frontend/src/modules/layout/pinia/layout.store.ts
@@ -0,0 +1,14 @@
+// Copyright (c) 2026 The Linux Foundation and each contributor.
+// SPDX-License-Identifier: MIT
+import { defineStore } from 'pinia';
+import { ref } from 'vue';
+
+export const useLayoutStore = defineStore('layout', () => {
+  const menuCollapsed = ref(false);
+
+  function toggleMenu() {
+    menuCollapsed.value = !menuCollapsed.value;
+  }
+
+  return { menuCollapsed, toggleMenu };
+});