diff --git a/frontend/components/dashboard/DashboardControls.vue b/frontend/components/dashboard/DashboardControls.vue
index 00da3e2f7..b9f68f27f 100644
--- a/frontend/components/dashboard/DashboardControls.vue
+++ b/frontend/components/dashboard/DashboardControls.vue
@@ -42,7 +42,6 @@ const {
   publicEntities,
   setDashboardKey,
 } = useDashboardKey()
-const { refreshOverview } = useValidatorDashboardOverviewStore()
 const userDashboardStore = useUserDashboardStore()
 const {
   getDashboardLabel, refreshDashboards, updateHash,
@@ -59,6 +58,10 @@ const isMobile = computed(() => width.value < 520)
 const manageGroupsModalVisisble = ref(false)
 const manageValidatorsModalVisisble = ref(false)
 
+const emit = defineEmits<{
+  (e: 'updateAll'): void,
+}>()
+
 const manageButtons = computed<MenuBarEntry[] | undefined>(() => {
   if (isShared.value) {
     return undefined
@@ -342,7 +345,7 @@ const editDashboard = () => {
     onClose: (value?: DynamicDialogCloseOptions | undefined) => {
       if (value?.data === true) {
         refreshDashboards()
-        refreshOverview(dashboardKey.value)
+        emit('updateAll')
       }
     },
   })
@@ -350,10 +353,11 @@ const editDashboard = () => {
 </script>
 
 <template>
-  <DashboardGroupManagementModal v-model="manageGroupsModalVisisble" />
+  <DashboardGroupManagementModal v-model="manageGroupsModalVisisble" @update-all="emit('updateAll')" />
   <DashboardValidatorManagementModal
     v-if="dashboardType == 'validator'"
     v-model="manageValidatorsModalVisisble"
+    @update-all="emit('updateAll')"
   />
   <div class="header-row">
     <div class="h1 dashboard-title">
diff --git a/frontend/components/dashboard/DashboardValidatorManagementModal.vue b/frontend/components/dashboard/DashboardValidatorManagementModal.vue
index a2562bacf..53d496d57 100644
--- a/frontend/components/dashboard/DashboardValidatorManagementModal.vue
+++ b/frontend/components/dashboard/DashboardValidatorManagementModal.vue
@@ -10,7 +10,6 @@ import {
   BcPremiumModal,
   DashboardGroupSelectionDialog,
 } from '#components'
-import { useValidatorDashboardOverviewStore } from '~/stores/dashboard/useValidatorDashboardOverviewStore'
 import type {
   GetValidatorDashboardValidatorsResponse,
   VDBManageValidatorsTableRow,
@@ -34,9 +33,7 @@ const dialog = useDialog()
 
 const visible = defineModel<boolean>()
 
-const {
-  overview, refreshOverview,
-} = useValidatorDashboardOverviewStore()
+const { validatorCount } = storeToRefs(useValidatorDashboardStore())
 
 const cursor = ref<Cursor>()
 const pageSize = ref<number>(25)
@@ -105,6 +102,9 @@ const mapIndexOrPubKey = (
   return [ ...new Set(validators?.map(
     validator => validator.index ?? validator.public_key)) ]
 }
+const emit = defineEmits<{
+  (e: 'updateAll'): void,
+}>()
 
 const changeGroup = async (body: ValidatorUpdateBody, groupId?: number) => {
   if (
@@ -128,7 +128,7 @@ const changeGroup = async (body: ValidatorUpdateBody, groupId?: number) => {
   )
 
   loadData()
-  refreshOverview(dashboardKey.value)
+  emit('updateAll')
 }
 
 const removeValidators = async (validators?: NumberOrString[]) => {
@@ -151,7 +151,7 @@ const removeValidators = async (validators?: NumberOrString[]) => {
   )
 
   loadData()
-  refreshOverview(dashboardKey.value)
+  emit('updateAll')
 }
 
 const { premium_perks } = useUserStore()
@@ -272,7 +272,7 @@ const removeRow = (row: VDBManageValidatorsTableRow) => {
   })
 }
 
-const totalValidators = computed(() => addUpValues(overview.value?.validators))
+const totalValidators = computed(() => validatorCount.value ?? 0)
 
 const maxValidatorsPerDashboard = computed(() =>
   isPublicDashboard.value || !user.value?.premium_perks?.validators_per_dashboard
diff --git a/frontend/components/dashboard/DashboardValidatorManagementModalSearch.vue b/frontend/components/dashboard/DashboardValidatorManagementModalSearch.vue
index 14e4215fe..766c546a4 100644
--- a/frontend/components/dashboard/DashboardValidatorManagementModalSearch.vue
+++ b/frontend/components/dashboard/DashboardValidatorManagementModalSearch.vue
@@ -16,12 +16,10 @@ const { t: $t } = useTranslation()
 
 const input = defineModel<string>()
 
-const {
-  overview,
-} = useValidatorDashboardOverviewStore()
+const { chainId } = storeToRefs(useValidatorDashboardStore())
 const { chainIdByDefault } = useRuntimeConfig().public
 
-const currentDashboardNetwork = computed(() => overview.value?.network ?? chainIdByDefault)
+const currentDashboardNetwork = computed(() => chainId.value ?? chainIdByDefault)
 const {
   data,
   error,
diff --git a/frontend/components/dashboard/GroupManagementModal.vue b/frontend/components/dashboard/GroupManagementModal.vue
index 3c9eebd43..5295d0d2a 100644
--- a/frontend/components/dashboard/GroupManagementModal.vue
+++ b/frontend/components/dashboard/GroupManagementModal.vue
@@ -29,9 +29,10 @@ const {
 } = useWindowSize()
 
 const visible = defineModel<boolean>()
-
-const { refreshOverview } = useValidatorDashboardOverviewStore()
-const { groups } = useValidatorDashboardGroups()
+const emit = defineEmits<{
+  (e: 'updateAll'): void,
+}>()
+const { groups } = storeToRefs(useValidatorDashboardStore())
 const { dashboards } = storeToRefs(useUserDashboardStore())
 const { user } = useUserStore()
 
@@ -114,7 +115,7 @@ const addGroup = async () => {
     },
     { dashboardKey: dashboardKey.value },
   )
-  await refreshOverview(dashboardKey.value)
+  emit('updateAll')
   newGroupName.value = ''
 }
 
@@ -130,7 +131,7 @@ const editGroup = async (row: VDBOverviewGroup, newName?: string) => {
       groupId: row.id,
     },
   )
-  refreshOverview(dashboardKey.value)
+  emit('updateAll')
 }
 
 const removeGroupConfirmed = async (row: VDBOverviewGroup) => {
@@ -142,7 +143,7 @@ const removeGroupConfirmed = async (row: VDBOverviewGroup) => {
       groupId: row.id,
     },
   )
-  refreshOverview(dashboardKey.value)
+  emit('updateAll')
 }
 
 const removeGroup = (row: VDBOverviewGroup) => {
diff --git a/frontend/components/dashboard/ValidatorSlotViz.vue b/frontend/components/dashboard/ValidatorSlotViz.vue
index d9786d0d0..2f2a11949 100644
--- a/frontend/components/dashboard/ValidatorSlotViz.vue
+++ b/frontend/components/dashboard/ValidatorSlotViz.vue
@@ -4,10 +4,9 @@ import type { SlotVizEpoch } from '~/types/api/slot_viz'
 import { getGroupLabel } from '~/utils/dashboard/group'
 
 const { t: $t } = useTranslation()
-// TODO: REMOVE THIS
 const {
-  overview, validatorCount,
-} = useValidatorDashboardOverviewStore()
+  groups: dashboardGroups, validatorCount,
+} = storeToRefs(useValidatorDashboardStore())
 const { networkInfo } = useNetworkStore()
 const selectedGroups = ref<number[]>([])
 
@@ -49,11 +48,11 @@ const initiallyHideVisible = computed(() => {
 })
 
 const groups = computed(() => {
-  if (!overview.value?.groups) {
+  if (!dashboardGroups.value) {
     return []
   }
   return orderBy(
-    overview.value.groups.filter(g => !!g.count),
+    dashboardGroups.value.filter(g => !!g.count),
     [ g => g.name.toLowerCase() ],
     'asc',
   )
diff --git a/frontend/components/dashboard/chart/DashboardChartSummaryChart.vue b/frontend/components/dashboard/chart/DashboardChartSummaryChart.vue
index bbddf293e..b58a5995f 100644
--- a/frontend/components/dashboard/chart/DashboardChartSummaryChart.vue
+++ b/frontend/components/dashboard/chart/DashboardChartSummaryChart.vue
@@ -54,8 +54,10 @@ const {
   secondsPerEpoch, slotToTs, tsToEpoch,
 } = useNetworkStore()
 const { dashboardKey } = useDashboardKey()
-const { overview } = useValidatorDashboardOverviewStore()
-const { groups } = useValidatorDashboardGroups()
+
+const {
+  chartHistorySeconds, groups,
+} = storeToRefs(useValidatorDashboardStore())
 const { latestState } = useLatestStateStore()
 const latestSlot = ref(latestState.value?.current_slot || 0)
 const {
@@ -101,7 +103,7 @@ const categories = computed<number[]>(() => {
     return []
   }
   const maxSeconds
-    = overview.value?.chart_history_seconds?.[aggregation.value] ?? 0
+    = chartHistorySeconds.value?.[aggregation.value] ?? 0
   if (!maxSeconds) {
     return []
   }
diff --git a/frontend/components/dashboard/chart/DashboardChartSummaryChartFilter.vue b/frontend/components/dashboard/chart/DashboardChartSummaryChartFilter.vue
index 735028a9e..646a00dc4 100644
--- a/frontend/components/dashboard/chart/DashboardChartSummaryChartFilter.vue
+++ b/frontend/components/dashboard/chart/DashboardChartSummaryChartFilter.vue
@@ -13,10 +13,11 @@ import { getGroupLabel } from '~/utils/dashboard/group'
 
 const { t: $t } = useTranslation()
 
+const validatorDashboardStore = useValidatorDashboardStore()
 const {
-  hasAbilityCharthistory,
-  overview,
-} = useValidatorDashboardOverviewStore()
+  groups: dashboardGroups,
+  hasAbilityChartHistory,
+} = storeToRefs(validatorDashboardStore)
 
 const chartFilter = defineModel<SummaryChartFilter>({ required: true })
 
@@ -25,7 +26,7 @@ const aggregation = ref<AggregationTimeframe>(chartFilter.value.aggregation)
 
 const aggregationList = computed(() => {
   return AggregationTimeframes.map(timeframe => ({
-    disabled: !hasAbilityCharthistory.value[timeframe],
+    disabled: !hasAbilityChartHistory.value[timeframe],
     id: timeframe,
     label: $t(`time_frames.${timeframe}`),
   }))
@@ -57,11 +58,11 @@ const total = ref(
 //   || chartFilter.value.groupIds.includes(SUMMARY_CHART_GROUP_NETWORK_AVERAGE),
 // )
 const groups = computed(() => {
-  if (!overview.value?.groups) {
+  if (!dashboardGroups.value) {
     return []
   }
   return orderBy(
-    overview.value.groups.filter(g => !!g.count),
+    dashboardGroups.value.filter(g => !!g.count),
     [ g => g.name.toLowerCase() ],
     'asc',
   )
diff --git a/frontend/components/dashboard/chart/RewardsChart.vue b/frontend/components/dashboard/chart/RewardsChart.vue
index 5b0925655..5679b788f 100644
--- a/frontend/components/dashboard/chart/RewardsChart.vue
+++ b/frontend/components/dashboard/chart/RewardsChart.vue
@@ -89,7 +89,7 @@ useAsyncData(
   },
 )
 
-const { groups } = useValidatorDashboardGroups()
+const { groups } = storeToRefs(useValidatorDashboardStore())
 
 const { t: $t } = useTranslation()
 const colorMode = useColorMode()
diff --git a/frontend/components/dashboard/group/GroupSelection.vue b/frontend/components/dashboard/group/GroupSelection.vue
index 11d6efd5a..f23005243 100644
--- a/frontend/components/dashboard/group/GroupSelection.vue
+++ b/frontend/components/dashboard/group/GroupSelection.vue
@@ -9,7 +9,7 @@ const props = defineProps<Props>()
 
 const emit = defineEmits<{ (e: 'setGroup', value: number): void }>()
 
-const { groups } = useValidatorDashboardGroups()
+const { groups } = storeToRefs(useValidatorDashboardStore())
 
 const list = computed<VDBOverviewGroup[]>(() => {
   if (props.includeAll) {
diff --git a/frontend/components/dashboard/table/DashboardTableBlocks.vue b/frontend/components/dashboard/table/DashboardTableBlocks.vue
index df4e11a15..2a84b450e 100644
--- a/frontend/components/dashboard/table/DashboardTableBlocks.vue
+++ b/frontend/components/dashboard/table/DashboardTableBlocks.vue
@@ -4,7 +4,6 @@ import type { VDBBlocksTableRow } from '~/types/api/validator_dashboard'
 import type {
   Cursor, TableQueryParams,
 } from '~/types/datatable'
-import { useValidatorDashboardBlocksStore } from '~/stores/dashboard/useValidatorDashboardBlocksStore'
 import { BcFormatHash } from '#components'
 import { getGroupLabel } from '~/utils/dashboard/group'
 
@@ -28,10 +27,9 @@ const {
   value: query,
 } = useDebounceValue<TableQueryParams | undefined>(undefined, 500)
 
-const { groups } = useValidatorDashboardGroups()
 const {
-  hasValidators, overview,
-} = useValidatorDashboardOverviewStore()
+  groups, hasValidators,
+} = storeToRefs(useValidatorDashboardStore())
 
 const { width } = useWindowSize()
 const colsVisible = computed(() => {
@@ -59,10 +57,7 @@ const loadData = (query?: TableQueryParams) => {
 }
 
 watch(
-  [
-    dashboardKey,
-    overview,
-  ],
+  [ dashboardKey ],
   () => {
     loadData()
   },
diff --git a/frontend/components/dashboard/table/DashboardTableClDeposits.vue b/frontend/components/dashboard/table/DashboardTableClDeposits.vue
index c34713f84..d897ee110 100644
--- a/frontend/components/dashboard/table/DashboardTableClDeposits.vue
+++ b/frontend/components/dashboard/table/DashboardTableClDeposits.vue
@@ -4,9 +4,7 @@ import type { VDBConsensusDepositsTableRow } from '~/types/api/validator_dashboa
 import type {
   Cursor, TableQueryParams,
 } from '~/types/datatable'
-import { useValidatorDashboardOverviewStore } from '~/stores/dashboard/useValidatorDashboardOverviewStore'
 import { getGroupLabel } from '~/utils/dashboard/group'
-import { useValidatorDashboardClDepositsStore } from '~/stores/dashboard/useValidatorDashboardClDepositsStore'
 import { useNetworkStore } from '~/stores/useNetworkStore'
 
 const { dashboardKey } = useDashboardKey()
@@ -33,9 +31,8 @@ const {
 >(undefined, 500)
 
 const {
-  hasValidators, overview,
-} = useValidatorDashboardOverviewStore()
-const { groups } = useValidatorDashboardGroups()
+  groups, hasValidators,
+} = storeToRefs(useValidatorDashboardStore())
 
 const { width } = useWindowSize()
 const colsVisible = computed(() => {
@@ -57,10 +54,7 @@ const loadData = (query?: TableQueryParams) => {
 }
 
 watch(
-  [
-    dashboardKey,
-    overview,
-  ],
+  [ dashboardKey ],
   () => {
     loadData()
     getTotalAmount(dashboardKey.value)
diff --git a/frontend/components/dashboard/table/DashboardTableElDeposits.vue b/frontend/components/dashboard/table/DashboardTableElDeposits.vue
index 5643f85b3..7045714cb 100644
--- a/frontend/components/dashboard/table/DashboardTableElDeposits.vue
+++ b/frontend/components/dashboard/table/DashboardTableElDeposits.vue
@@ -4,9 +4,7 @@ import type { VDBExecutionDepositsTableRow } from '~/types/api/validator_dashboa
 import type {
   Cursor, TableQueryParams,
 } from '~/types/datatable'
-import { useValidatorDashboardOverviewStore } from '~/stores/dashboard/useValidatorDashboardOverviewStore'
 import { getGroupLabel } from '~/utils/dashboard/group'
-import { useValidatorDashboardElDepositsStore } from '~/stores/dashboard/useValidatorDashboardElDepositsStore'
 
 const { dashboardKey } = useDashboardKey()
 
@@ -30,9 +28,8 @@ const {
 >(undefined, 500)
 
 const {
-  hasValidators, overview,
-} = useValidatorDashboardOverviewStore()
-const { groups } = useValidatorDashboardGroups()
+  groups, hasValidators,
+} = storeToRefs(useValidatorDashboardStore())
 
 const { width } = useWindowSize()
 const colsVisible = computed(() => {
@@ -56,10 +53,7 @@ const loadData = (query?: TableQueryParams) => {
 }
 
 watch(
-  [
-    dashboardKey,
-    overview,
-  ],
+  [ dashboardKey ],
   () => {
     loadData()
     getTotalAmount(dashboardKey.value)
diff --git a/frontend/components/dashboard/table/DashboardTableRewards.vue b/frontend/components/dashboard/table/DashboardTableRewards.vue
index c60d63642..045df88c0 100644
--- a/frontend/components/dashboard/table/DashboardTableRewards.vue
+++ b/frontend/components/dashboard/table/DashboardTableRewards.vue
@@ -9,10 +9,8 @@ import {
   DAHSHBOARDS_NEXT_EPOCH_ID,
 } from '~/types/dashboard'
 import { totalElCl } from '~/utils/bigMath'
-import { useValidatorDashboardRewardsStore } from '~/stores/dashboard/useValidatorDashboardRewardsStore'
 import { getGroupLabel } from '~/utils/dashboard/group'
 import { formatRewardValueOption } from '~/utils/dashboard/table'
-import { useValidatorDashboardOverviewStore } from '~/stores/dashboard/useValidatorDashboardOverviewStore'
 
 const {
   dashboardKey, isPublic,
@@ -35,10 +33,9 @@ const {
 } = useDebounceValue<TableQueryParams | undefined>(undefined, 500)
 const { slotViz } = useValidatorSlotVizStore()
 
-const { groups } = useValidatorDashboardGroups()
 const {
-  hasValidators, overview,
-} = useValidatorDashboardOverviewStore()
+  groups, hasValidators,
+} = storeToRefs(useValidatorDashboardStore())
 
 const { width } = useWindowSize()
 const colsVisible = computed(() => {
@@ -61,10 +58,7 @@ const loadData = (query?: TableQueryParams) => {
 }
 
 watch(
-  [
-    dashboardKey,
-    overview,
-  ],
+  [ dashboardKey ],
   () => {
     loadData()
   },
diff --git a/frontend/components/dashboard/table/DashboardTableSummary.vue b/frontend/components/dashboard/table/DashboardTableSummary.vue
index 7228533c8..2940b26b3 100644
--- a/frontend/components/dashboard/table/DashboardTableSummary.vue
+++ b/frontend/components/dashboard/table/DashboardTableSummary.vue
@@ -6,7 +6,6 @@ import type { VDBSummaryTableRow } from '~/types/api/validator_dashboard'
 import type {
   Cursor, TableQueryParams,
 } from '~/types/datatable'
-import { useValidatorDashboardOverviewStore } from '~/stores/dashboard/useValidatorDashboardOverviewStore'
 import { DAHSHBOARDS_ALL_GROUPS_ID } from '~/types/dashboard'
 import { getGroupLabel } from '~/utils/dashboard/group'
 import {
@@ -44,10 +43,8 @@ const {
 const showAbsoluteValues = ref<boolean | null>(null)
 
 const {
-  hasValidators, overview, validatorCount,
-}
-  = useValidatorDashboardOverviewStore()
-const { groups } = useValidatorDashboardGroups()
+  groups, hasValidators, validatorCount,
+} = storeToRefs(useValidatorDashboardStore())
 
 const timeFrames = computed(() =>
   SummaryTimeFrames.map(t => ({
@@ -90,10 +87,7 @@ watch(
 )
 
 watch(
-  [
-    dashboardKey,
-    overview,
-  ],
+  [ dashboardKey ],
   () => {
     loadData()
   },
diff --git a/frontend/components/dashboard/table/DashboardTableValidators.vue b/frontend/components/dashboard/table/DashboardTableValidators.vue
index a1359940f..7956a01b4 100644
--- a/frontend/components/dashboard/table/DashboardTableValidators.vue
+++ b/frontend/components/dashboard/table/DashboardTableValidators.vue
@@ -26,7 +26,7 @@ interface Props {
 const props = defineProps<Props>()
 
 const { t: $t } = useTranslation()
-const { groups } = useValidatorDashboardGroups()
+const { groups } = storeToRefs(useValidatorDashboardStore())
 
 const dialog = useDialog()
 
diff --git a/frontend/components/dashboard/table/DashboardTableWithdrawals.vue b/frontend/components/dashboard/table/DashboardTableWithdrawals.vue
index 1b0515b57..19be8bde1 100644
--- a/frontend/components/dashboard/table/DashboardTableWithdrawals.vue
+++ b/frontend/components/dashboard/table/DashboardTableWithdrawals.vue
@@ -6,7 +6,6 @@ import type { VDBWithdrawalsTableRow } from '~/types/api/validator_dashboard'
 import type {
   Cursor, TableQueryParams,
 } from '~/types/datatable'
-import { useValidatorDashboardWithdrawalsStore } from '~/stores/dashboard/useValidatorDashboardWithdrawalsStore'
 import { BcFormatHash } from '#components'
 import { getGroupLabel } from '~/utils/dashboard/group'
 import { useNetworkStore } from '~/stores/useNetworkStore'
@@ -40,9 +39,8 @@ const {
 const totalIdentifier = 'total'
 
 const {
-  hasValidators, overview,
-} = useValidatorDashboardOverviewStore()
-const { groups } = useValidatorDashboardGroups()
+  groups, hasValidators,
+} = storeToRefs(useValidatorDashboardStore())
 
 const { width } = useWindowSize()
 const colsVisible = computed(() => {
@@ -66,10 +64,7 @@ const loadData = (query?: TableQueryParams) => {
 }
 
 watch(
-  [
-    dashboardKey,
-    overview,
-  ],
+  [ dashboardKey ],
   () => {
     loadData()
     getTotalAmount(dashboardKey.value)
diff --git a/frontend/components/dashboard/table/SummaryValidators.vue b/frontend/components/dashboard/table/SummaryValidators.vue
index 54f28ec7a..7786088bb 100644
--- a/frontend/components/dashboard/table/SummaryValidators.vue
+++ b/frontend/components/dashboard/table/SummaryValidators.vue
@@ -26,7 +26,7 @@ interface Props {
 const props = defineProps<Props>()
 
 const { t: $t } = useTranslation()
-const { groups } = useValidatorDashboardGroups()
+const { groups } = storeToRefs(useValidatorDashboardStore())
 
 const dialog = useDialog()
 
diff --git a/frontend/components/dashboard/table/SummaryValue.vue b/frontend/components/dashboard/table/SummaryValue.vue
index a8e906313..c1cac972e 100644
--- a/frontend/components/dashboard/table/SummaryValue.vue
+++ b/frontend/components/dashboard/table/SummaryValue.vue
@@ -39,7 +39,7 @@ const {
 } = useTranslation()
 const { dashboardKey } = useDashboardKey()
 const dialog = useDialog()
-const { groups } = useValidatorDashboardGroups()
+const { groups } = storeToRefs(useValidatorDashboardStore())
 
 const data = computed(() => {
   const col = props.data
diff --git a/frontend/components/playground/DashboardValidatorManageValidators.vue b/frontend/components/playground/DashboardValidatorManageValidators.vue
index b004f882c..43f94d9ed 100644
--- a/frontend/components/playground/DashboardValidatorManageValidators.vue
+++ b/frontend/components/playground/DashboardValidatorManageValidators.vue
@@ -5,7 +5,7 @@ import {
 } from '#components'
 import { DAHSHBOARDS_ALL_GROUPS_ID } from '~/types/dashboard'
 
-const { groups } = useValidatorDashboardGroups()
+const { groups } = storeToRefs(useValidatorDashboardStore())
 
 const selectedGroupId = ref<number>(DAHSHBOARDS_ALL_GROUPS_ID)
 
diff --git a/frontend/composables/useValidatorDashboardGroups.ts b/frontend/composables/useValidatorDashboardGroups.ts
deleted file mode 100644
index e21823fe0..000000000
--- a/frontend/composables/useValidatorDashboardGroups.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import type { VDBOverviewGroup } from '~/types/api/validator_dashboard'
-
-export function useValidatorDashboardGroups() {
-  const { overview } = useValidatorDashboardOverviewStore()
-  const { t: $t } = useTranslation()
-
-  const groups = computed<VDBOverviewGroup[]>(() => {
-    if (!overview.value?.groups) {
-      return [ {
-        count: 0,
-        id: 0,
-        name: $t('dashboard.group.selection.default'),
-      } ]
-    }
-
-    return overview.value.groups
-  })
-
-  return { groups }
-}
diff --git a/frontend/composables/useValidatorDashboardOverview.ts b/frontend/composables/useValidatorDashboardOverview.ts
index ac24a3c59..3ddbad0d8 100644
--- a/frontend/composables/useValidatorDashboardOverview.ts
+++ b/frontend/composables/useValidatorDashboardOverview.ts
@@ -20,41 +20,6 @@ export function useValidatorDashboardOverview() {
     )
     return res.data
   }
-  /* const hasValidators = computed<boolean>(() => {
-    if (!overviewData.value?.validators) {
-      return false
-    }
-    return (
-      !!overviewData.value.validators.online
-      || !!overviewData.value.validators.exited
-      || !!overviewData.value.validators.offline
-      || !!overviewData.value.validators.pending
-      || !!overviewData.value.validators.slashed
-    )
-  })
-
-  const validatorCount = computed(() => {
-    if (!overviewData.value) {
-      return undefined
-    }
-    if (!overviewData.value.validators) {
-      return 0
-    }
-    return (
-      overviewData.value.validators.exited
-      + overviewData.value.validators.offline
-      + overviewData.value.validators.online
-      + overviewData.value.validators.pending
-      + overviewData.value.validators.slashed
-    )
-  })
-
-  const hasAbilityCharthistory = computed(() => ({
-    daily: (overviewData.value?.chart_history_seconds?.daily ?? 0) > 0,
-    epoch: (overviewData.value?.chart_history_seconds?.epoch ?? 0) > 0,
-    hourly: (overviewData.value?.chart_history_seconds?.hourly ?? 0) > 0,
-    weekly: (overviewData.value?.chart_history_seconds?.weekly ?? 0) > 0,
-  })) */
 
   return {
     fetchOverviewData,
diff --git a/frontend/pages/dashboard/[[id]]/index.vue b/frontend/pages/dashboard/[[id]]/index.vue
index e3b0de838..ca97ddb98 100644
--- a/frontend/pages/dashboard/[[id]]/index.vue
+++ b/frontend/pages/dashboard/[[id]]/index.vue
@@ -149,8 +149,9 @@ watch(
   },
   { immediate: true },
 )
-// ------------------- Overview -------------------
 
+const validatorDashboardStore = useValidatorDashboardStore()
+// ------------------- Overview -------------------
 const {
   fetchOverviewData,
   overviewData,
@@ -202,6 +203,9 @@ function setAllData(
   fetchedOverviewData: undefined | VDBOverviewData,
   fetchedSlotVizData: SlotVizEpoch[] | undefined,
 ) {
+  if (fetchedOverviewData) {
+    validatorDashboardStore.setByOverviewData(fetchedOverviewData)
+  }
   overviewData.value = fetchedOverviewData
   slotVizData.value = fetchedSlotVizData
 }
@@ -220,6 +224,20 @@ if (data?.value) { // set SSR data
   ] = data.value
   setAllData(fetchedOverviewData, fetchedSlotVizData)
 }
+
+// updates data for all non-modal components, usually triggered by modyfing the dashboard
+function updateAll() {
+  fetchAllData()
+    .then(([
+      fetchedOverviewData,
+      fetchedSlotVizData,
+    ]) => {
+      setAllData(fetchedOverviewData, fetchedSlotVizData)
+    })
+    .catch((e) => {
+      handleError(e)
+    })
+}
 </script>
 
 <template>
@@ -236,7 +254,10 @@ if (data?.value) { // set SSR data
     <BcPageWrapper>
       <template #top>
         <DashboardHeader @show-creation="showDashboardCreationDialog()" />
-        <DashboardControls :dashboard-title="overviewData?.name" />
+        <DashboardControls
+          :dashboard-title="overviewData?.name"
+          @update-all="updateAll"
+        />
         <DashboardValidatorOverview
           class="overview"
           :overview-data
diff --git a/frontend/pages/playground.vue b/frontend/pages/playground.vue
index f8895143d..4f9023586 100644
--- a/frontend/pages/playground.vue
+++ b/frontend/pages/playground.vue
@@ -15,15 +15,12 @@ import {
 import { formatNumber } from '~/utils/format'
 import type { HashTabs } from '~/types/hashTabs'
 
-const { dashboardKey } = useDashboardKeyProvider(undefined, '100')
-
 useBcSeo()
 
 const {
   latestState, refreshLatestState,
 } = useLatestStateStore()
 const slotVizData = ref<null | SlotVizEpoch[]>(null)
-const { refreshOverview } = useValidatorDashboardOverviewStore()
 
 await Promise.all([
   useAsyncData('latest_state', () => refreshLatestState()),
@@ -33,9 +30,6 @@ await Promise.all([
     )
     slotVizData.value = res.data
   }),
-  useAsyncData('validator_dashboard_overview', () =>
-    refreshOverview(dashboardKey.value),
-  ),
 ])
 
 onMounted(async () => {
diff --git a/frontend/stores/dashboard/useValidatorDashboardOverviewStore.ts b/frontend/stores/dashboard/useValidatorDashboardOverviewStore.ts
deleted file mode 100644
index 54ed02295..000000000
--- a/frontend/stores/dashboard/useValidatorDashboardOverviewStore.ts
+++ /dev/null
@@ -1,95 +0,0 @@
-import { defineStore } from 'pinia'
-import { useAllValidatorDashboardRewardsDetailsStore } from './useValidatorDashboardRewardsDetailsStore'
-import type {
-  GetValidatorDashboardResponse,
-  VDBOverviewData,
-} from '~/types/api/validator_dashboard'
-import type { DashboardKey } from '~/types/dashboard'
-import { API_PATH } from '~/types/customFetch'
-
-const validatorOverviewStore = defineStore('validator_overview_store', () => {
-  const data = ref<null | undefined | VDBOverviewData>()
-  return { data }
-})
-
-export function useValidatorDashboardOverviewStore() {
-  const { fetch } = useCustomFetch()
-  const { data } = storeToRefs(validatorOverviewStore())
-  const { clearCache: clearRewardDetails }
-    = useAllValidatorDashboardRewardsDetailsStore()
-
-  const overview = computed(() => data.value)
-
-  async function refreshOverview(key: DashboardKey) {
-    if (!key) {
-      data.value = undefined
-      return
-    }
-    try {
-      const res = await fetch<GetValidatorDashboardResponse>(
-        API_PATH.DASHBOARD_OVERVIEW,
-        undefined,
-        { dashboardKey: key },
-      )
-      data.value = res.data
-
-      clearOverviewDependentCaches()
-
-      return overview.value
-    }
-    catch (e) {
-      data.value = undefined
-      clearOverviewDependentCaches()
-
-      throw e
-    }
-  }
-
-  function clearOverviewDependentCaches() {
-    clearRewardDetails()
-  }
-
-  const hasValidators = computed<boolean>(() => {
-    if (!overview.value?.validators) {
-      return false
-    }
-    return (
-      !!overview.value.validators.online
-      || !!overview.value.validators.exited
-      || !!overview.value.validators.offline
-      || !!overview.value.validators.pending
-      || !!overview.value.validators.slashed
-    )
-  })
-
-  const validatorCount = computed(() => {
-    if (!overview.value) {
-      return undefined
-    }
-    if (!overview.value.validators) {
-      return 0
-    }
-    return (
-      overview.value.validators.exited
-      + overview.value.validators.offline
-      + overview.value.validators.online
-      + overview.value.validators.pending
-      + overview.value.validators.slashed
-    )
-  })
-
-  const hasAbilityCharthistory = computed(() => ({
-    daily: (overview.value?.chart_history_seconds?.daily ?? 0) > 0,
-    epoch: (overview.value?.chart_history_seconds?.epoch ?? 0) > 0,
-    hourly: (overview.value?.chart_history_seconds?.hourly ?? 0) > 0,
-    weekly: (overview.value?.chart_history_seconds?.weekly ?? 0) > 0,
-  }))
-
-  return {
-    hasAbilityCharthistory,
-    hasValidators,
-    overview,
-    refreshOverview,
-    validatorCount,
-  }
-}
diff --git a/frontend/stores/dashboard/useValidatorDashboardStore.ts b/frontend/stores/dashboard/useValidatorDashboardStore.ts
new file mode 100644
index 000000000..45181eb98
--- /dev/null
+++ b/frontend/stores/dashboard/useValidatorDashboardStore.ts
@@ -0,0 +1,58 @@
+import type { ChartHistorySeconds } from '~/types/api/common'
+import type {
+  VDBOverviewData, VDBOverviewGroup,
+} from '~/types/api/validator_dashboard'
+
+export const useValidatorDashboardStore = defineStore(
+  'validator_dashboard_store',
+  () => {
+    const { t: $t } = useTranslation()
+    // TODO: bring ID in here and remove the provider composable!!
+    const validatorCount = ref<number>()
+    const chainId = ref<number>()
+    const rawGroups = ref<VDBOverviewGroup[]>()
+    const chartHistorySeconds = ref<ChartHistorySeconds>()
+
+    const hasValidators = computed<boolean>(() => {
+      if (!validatorCount.value) {
+        return false
+      }
+      return validatorCount.value > 0
+    })
+    const hasAbilityChartHistory = computed(() => ({
+      daily: (chartHistorySeconds.value?.daily ?? 0) > 0,
+      epoch: (chartHistorySeconds.value?.epoch ?? 0) > 0,
+      hourly: (chartHistorySeconds.value?.hourly ?? 0) > 0,
+      weekly: (chartHistorySeconds.value?.weekly ?? 0) > 0,
+    }))
+    const groups = computed<VDBOverviewGroup[]>(() => {
+      if (!rawGroups.value) {
+        return [ {
+          count: 0,
+          id: 0,
+          name: $t('dashboard.group.selection.default'),
+        } ]
+      }
+
+      return rawGroups.value
+    })
+
+    function setByOverviewData(data: VDBOverviewData) {
+      const v = data.validators
+      validatorCount.value = v.exited + v.offline + v.online + v.pending + v.slashed
+      chainId.value = data.network
+      rawGroups.value = data.groups
+      chartHistorySeconds.value = data.chart_history_seconds
+    }
+
+    return {
+      chainId,
+      chartHistorySeconds,
+      groups,
+      hasAbilityChartHistory,
+      hasValidators,
+      setByOverviewData,
+      validatorCount,
+    }
+  },
+)