diff --git a/src/components/Container/CounterReportsPage.vue b/src/components/Container/CounterReportsPage.vue
deleted file mode 100644
index 396625750..000000000
--- a/src/components/Container/CounterReportsPage.vue
+++ /dev/null
@@ -1,12 +0,0 @@
-<script>
-import CounterReportsListPanel from '@/components/ListPanel/counter/CounterReportsListPanel.vue';
-import Page from '@/components/Container/Page.vue';
-
-export default {
-	name: 'CounterReportsPage',
-	components: {
-		CounterReportsListPanel,
-	},
-	extends: Page,
-};
-</script>
diff --git a/src/components/Container/Page.vue b/src/components/Container/Page.vue
index c15ecff97..e35499a83 100644
--- a/src/components/Container/Page.vue
+++ b/src/components/Container/Page.vue
@@ -4,6 +4,7 @@ import ModalManager from '@/components/Modal/ModalManager.vue';
 
 import PkpAnnouncer from '@/components/Announcer/Announcer.vue';
 import ReviewerSubmissionPage from '@/pages/reviewerSubmission/ReviewerSubmissionPage.vue';
+import CounterReportsPage from '@/pages/counter/CounterReportsPage.vue';
 
 export default {
 	name: 'Page',
@@ -11,6 +12,7 @@ export default {
 		PkpAnnouncer,
 		ModalManager,
 		ReviewerSubmissionPage,
+		CounterReportsPage,
 	},
 	extends: Container,
 	data() {
diff --git a/src/pages/counter/CounterReportsPage.vue b/src/pages/counter/CounterReportsPage.vue
new file mode 100644
index 000000000..940fdc0a2
--- /dev/null
+++ b/src/pages/counter/CounterReportsPage.vue
@@ -0,0 +1,33 @@
+<template>
+	<h1 class="app__pageHeading">
+		{{ title }}
+	</h1>
+	<p>
+		{{ description }}
+	</p>
+	<Notification
+		v-if="usageNotPossible"
+		type="warning"
+		class="pkpNotification--backendPage__header"
+	>
+		{{ t('manager.statistics.counterR5Reports.usageNotPossible') }}
+	</Notification>
+	<Panel>
+		<PanelSection>
+			<CounterReportsListPanel v-bind="counterReportsListPanel" @set="set" />
+		</PanelSection>
+	</Panel>
+</template>
+
+<script setup>
+import Panel from '@/components/Panel/Panel.vue';
+import PanelSection from '@/components/Panel/PanelSection.vue';
+import CounterReportsListPanel from '@/components/ListPanel/counter/CounterReportsListPanel.vue';
+
+defineProps({
+	counterReportsListPanel: {type: Array, required: true},
+	usageNotPossible: {type: Boolean, required: true},
+	title: {type: String, required: true},
+	description: {type: String, required: true},
+});
+</script>