diff --git a/frontend/src/lib/components/reporting/ReportingTransactions.svelte b/frontend/src/lib/components/reporting/ReportingTransactions.svelte
new file mode 100644
index 00000000000..8e4d2d77810
--- /dev/null
+++ b/frontend/src/lib/components/reporting/ReportingTransactions.svelte
@@ -0,0 +1,26 @@
+<script lang="ts">
+  import { i18n } from "$lib/stores/i18n";
+  import type { ReportingDateRange } from "$lib/types/reporting";
+  import ReportingTransactionsButton from "./ReportingTransactionsButton.svelte";
+
+  // TODO: This will be hooked up in a follow up
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  let selectedRange: ReportingDateRange = "all";
+</script>
+
+<div class="wrapper">
+  <div>
+    <h3>{$i18n.reporting.transactions_title}</h3>
+    <p class="description">{$i18n.reporting.transactions_description}</p>
+  </div>
+  <ReportingTransactionsButton />
+</div>
+
+<style lang="scss">
+  .wrapper {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: var(--padding-3x);
+  }
+</style>
diff --git a/frontend/src/lib/routes/Reporting.svelte b/frontend/src/lib/routes/Reporting.svelte
index 669f9e42d80..b0fc210bedd 100644
--- a/frontend/src/lib/routes/Reporting.svelte
+++ b/frontend/src/lib/routes/Reporting.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import ReportingNeuronsButton from "$lib/components/reporting/ReportingNeuronsButton.svelte";
-  import ReportingTransactionsButton from "$lib/components/reporting/ReportingTransactionsButton.svelte";
+  import ReportingTransactions from "$lib/components/reporting/ReportingTransactions.svelte";
   import Separator from "$lib/components/ui/Separator.svelte";
   import { i18n } from "$lib/stores/i18n";
   import { layoutTitleStore } from "$lib/stores/layout.store";
@@ -32,13 +32,7 @@
 
     <Separator spacing="medium" />
 
-    <div class="wrapper">
-      <div>
-        <h3>{$i18n.reporting.transactions_title}</h3>
-        <p class="description">{$i18n.reporting.transactions_description}</p>
-      </div>
-      <ReportingTransactionsButton />
-    </div>
+    <ReportingTransactions />
   </main>
 </Island>