diff --git a/web-wallet/README.md b/web-wallet/README.md
index c42cc24aed..ec583725a2 100644
--- a/web-wallet/README.md
+++ b/web-wallet/README.md
@@ -51,6 +51,7 @@ VITE_TESTNET_NODE="https://nodes.dusk.network/"
 VITE_TESTNET_PROVER_NODE="https://provers.dusk.network/"
 VITE_TRANSFER_CONTRACT="0100000000000000000000000000000000000000000000000000000000000000"
 VITE_GET_QUOTE_API_ENDPOINT="https://api.dusk.network/v1/quote"
+VITE_MOONLIGHT_DISABLED=true
 ```
 
 To run a local node different steps are needed, so please read the [related section](#running-a-local-rusk-node).
diff --git a/web-wallet/src/lib/components/ContractOperations/ContractOperations.svelte b/web-wallet/src/lib/components/ContractOperations/ContractOperations.svelte
index 5e49615d5c..b7b91df057 100644
--- a/web-wallet/src/lib/components/ContractOperations/ContractOperations.svelte
+++ b/web-wallet/src/lib/components/ContractOperations/ContractOperations.svelte
@@ -4,12 +4,14 @@
   import { createEventDispatcher } from "svelte";
   import {
     mdiArrowDownBoldBoxOutline,
+    mdiArrowLeft,
     mdiArrowUpBoldBoxOutline,
     mdiDatabaseArrowDownOutline,
     mdiDatabaseOutline,
     mdiHelpCircleOutline,
   } from "@mdi/js";
 
+  import { AppAnchorButton } from "$lib/components";
   import { Button } from "$lib/dusk/components";
 
   /** @type {ContractOperation[]} */
@@ -44,6 +46,18 @@
       />
     </li>
   {/each}
+  <li class="contract-operations__operation">
+    <AppAnchorButton
+      className="contract-operations__operation-button"
+      href="/dashboard"
+      icon={{ path: mdiArrowLeft }}
+      on:click={() => {
+        dispatch("operationChange", "");
+      }}
+      text="Back"
+      variant="tertiary"
+    />
+  </li>
 </menu>
 
 <style lang="postcss">
diff --git a/web-wallet/src/lib/components/__tests__/__snapshots__/ContractOperations.spec.js.snap b/web-wallet/src/lib/components/__tests__/__snapshots__/ContractOperations.spec.js.snap
index 58b154dc1a..f097d3021f 100644
--- a/web-wallet/src/lib/components/__tests__/__snapshots__/ContractOperations.spec.js.snap
+++ b/web-wallet/src/lib/components/__tests__/__snapshots__/ContractOperations.spec.js.snap
@@ -3,7 +3,37 @@
 exports[`ContractOperations > should be able to render the component without items 1`] = `
 <menu
   class="contract-operations svelte-1v0rjcd"
-/>
+>
+   
+  <li
+    class="contract-operations__operation svelte-1v0rjcd"
+  >
+    <a
+      aria-disabled="false"
+      class="dusk-anchor dusk-anchor--on-surface dusk-anchor-button dusk-anchor-button--variant--tertiary dusk-anchor-button--size--default dusk-icon-button--labeled contract-operations__operation-button"
+      href="/some-base-path/dashboard"
+    >
+      <svg
+        class="dusk-icon dusk-icon--size--default dusk-anchor-button__icon"
+        role="graphics-symbol"
+        viewBox="0 0 24 24"
+      >
+        <path
+          d="M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z"
+        />
+      </svg>
+      
+       
+      <span
+        class="dusk-anchor-button__text"
+      >
+        Back
+      </span>
+      
+      
+    </a>
+  </li>
+</menu>
 `;
 
 exports[`ContractOperations > should render the \`ContractOperations\` component 1`] = `
@@ -35,7 +65,6 @@ exports[`ContractOperations > should render the \`ContractOperations\` component
       </span>
       
     </button>
-     
   </li>
   <li
     class="contract-operations__operation svelte-1v0rjcd"
@@ -62,7 +91,6 @@ exports[`ContractOperations > should render the \`ContractOperations\` component
       </span>
       
     </button>
-     
   </li>
   <li
     class="contract-operations__operation svelte-1v0rjcd"
@@ -90,7 +118,6 @@ exports[`ContractOperations > should render the \`ContractOperations\` component
       </span>
       
     </button>
-     
   </li>
   <li
     class="contract-operations__operation svelte-1v0rjcd"
@@ -117,7 +144,6 @@ exports[`ContractOperations > should render the \`ContractOperations\` component
       </span>
       
     </button>
-     
   </li>
   <li
     class="contract-operations__operation svelte-1v0rjcd"
@@ -144,7 +170,35 @@ exports[`ContractOperations > should render the \`ContractOperations\` component
       </span>
       
     </button>
-     
+  </li>
+   
+  <li
+    class="contract-operations__operation svelte-1v0rjcd"
+  >
+    <a
+      aria-disabled="false"
+      class="dusk-anchor dusk-anchor--on-surface dusk-anchor-button dusk-anchor-button--variant--tertiary dusk-anchor-button--size--default dusk-icon-button--labeled contract-operations__operation-button"
+      href="/some-base-path/dashboard"
+    >
+      <svg
+        class="dusk-icon dusk-icon--size--default dusk-anchor-button__icon"
+        role="graphics-symbol"
+        viewBox="0 0 24 24"
+      >
+        <path
+          d="M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z"
+        />
+      </svg>
+      
+       
+      <span
+        class="dusk-anchor-button__text"
+      >
+        Back
+      </span>
+      
+      
+    </a>
   </li>
 </menu>
 `;
@@ -178,7 +232,35 @@ exports[`ContractOperations > should use a default icon if the operation is not
       </span>
       
     </button>
-     
+  </li>
+   
+  <li
+    class="contract-operations__operation svelte-1v0rjcd"
+  >
+    <a
+      aria-disabled="false"
+      class="dusk-anchor dusk-anchor--on-surface dusk-anchor-button dusk-anchor-button--variant--tertiary dusk-anchor-button--size--default dusk-icon-button--labeled contract-operations__operation-button"
+      href="/some-base-path/dashboard"
+    >
+      <svg
+        class="dusk-icon dusk-icon--size--default dusk-anchor-button__icon"
+        role="graphics-symbol"
+        viewBox="0 0 24 24"
+      >
+        <path
+          d="M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z"
+        />
+      </svg>
+      
+       
+      <span
+        class="dusk-anchor-button__text"
+      >
+        Back
+      </span>
+      
+      
+    </a>
   </li>
 </menu>
 `;
diff --git a/web-wallet/src/routes/(app)/dashboard/+layout.svelte b/web-wallet/src/routes/(app)/dashboard/+layout.svelte
index 97f45a0111..984970be71 100644
--- a/web-wallet/src/routes/(app)/dashboard/+layout.svelte
+++ b/web-wallet/src/routes/(app)/dashboard/+layout.svelte
@@ -8,10 +8,10 @@
   } from "@mdi/js";
   import { Button, Icon, ProgressBar } from "$lib/dusk/components";
   import { settingsStore, walletStore } from "$lib/stores";
-  import { AppAnchorButton } from "$lib/components";
+  import { AddressPicker, AppAnchorButton, Balance } from "$lib/components";
 
-  $: ({ network } = $settingsStore);
-  $: ({ isSyncing, error } = $walletStore);
+  /** @type {import('./$types').LayoutData} */
+  export let data;
 
   /** @type {string} */
   let syncStatus = "";
@@ -22,6 +22,17 @@
   /** @type {string} */
   let iconVariant = "";
 
+  /** @type {number | undefined} */
+  let fiatPrice;
+
+  data.currentPrice.then((prices) => {
+    fiatPrice = prices[currency.toLowerCase()];
+  });
+
+  const { currency, language } = $settingsStore;
+
+  $: ({ network } = $settingsStore);
+  $: ({ balance, currentAddress, addresses, isSyncing, error } = $walletStore);
   $: if (isSyncing) {
     iconVariant = "warning";
     networkStatusIconPath = mdiTimerSand;
@@ -44,7 +55,21 @@
 />
 
 <section class="dashboard">
-  <slot />
+  <div class="dashboard-content">
+    <h2 class="sr-only">Dashboard</h2>
+
+    <AddressPicker {addresses} {currentAddress} />
+
+    <Balance
+      fiatCurrency={currency}
+      {fiatPrice}
+      locale={language}
+      tokenCurrency="DUSK"
+      tokens={balance.value}
+    />
+
+    <slot />
+  </div>
   <footer class="footer">
     <nav class="footer__navigation">
       <div class="footer__network-status">
@@ -103,6 +128,15 @@
     max-height: 100%;
   }
 
+  .dashboard-content {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    gap: 1.375rem;
+    overflow-y: auto;
+    flex: 1;
+  }
+
   .footer {
     width: 100%;
 
diff --git a/web-wallet/src/routes/(app)/dashboard/+page.svelte b/web-wallet/src/routes/(app)/dashboard/+page.svelte
index c114662236..440bca589a 100644
--- a/web-wallet/src/routes/(app)/dashboard/+page.svelte
+++ b/web-wallet/src/routes/(app)/dashboard/+page.svelte
@@ -1,172 +1,58 @@
 <svelte:options immutable={true} />
 
 <script>
-  import { onDestroy } from "svelte";
-  import { fade } from "svelte/transition";
-  import { filterWith, find, hasKeyValue, last } from "lamb";
+  import { filterWith, hasKeyValue } from "lamb";
   import { mdiContain, mdiDatabaseOutline, mdiSwapVertical } from "@mdi/js";
-
-  import { Icon, Tabs } from "$lib/dusk/components";
-  import { StakeContract, TransferContract } from "$lib/containers";
-  import { AddressPicker, Balance, Transactions } from "$lib/components";
-  import { operationsStore, settingsStore, walletStore } from "$lib/stores";
+  import { Icon } from "$lib/dusk/components";
+  import { DashboardNav, Transactions } from "$lib/components";
+  import { settingsStore, walletStore } from "$lib/stores";
   import { contractDescriptors } from "$lib/contracts";
 
-  /** @type {import('./$types').PageData} */
-  export let data;
-
-  /** @type {number | undefined} */
-  let fiatPrice;
-
-  const { currency, dashboardTransactionLimit, language } = $settingsStore;
-
-  data.currentPrice.then((prices) => {
-    fiatPrice = prices[currency.toLowerCase()];
-  });
+  const { dashboardTransactionLimit, language } = $settingsStore;
 
   /** @type {(descriptors: ContractDescriptor[]) => ContractDescriptor[]} */
   const getEnabledContracts = filterWith(hasKeyValue("disabled", false));
-
-  /** @param {string} id */
-  function updateOperation(id) {
-    operationsStore.update((store) => ({
-      ...store,
-      currentOperation: id,
-    }));
-  }
-
-  /**
-   * @param {keyof SettingsStoreContent} property
-   * @param {any} value
-   */
-  function updateSetting(property, value) {
-    settingsStore.update((store) => ({
-      ...store,
-      [property]: value,
-    }));
-  }
-
   const enabledContracts = getEnabledContracts(contractDescriptors);
-  const tabItems = enabledContracts.map(({ id, label }) => ({
-    icon: { path: id === "transfer" ? mdiSwapVertical : mdiDatabaseOutline },
+  const dashboardNavItems = enabledContracts.map(({ id, label }) => ({
+    href: id,
+    icons: [{ path: id === "transfer" ? mdiSwapVertical : mdiDatabaseOutline }],
     id,
     label,
   }));
   const hasNoEnabledContracts = enabledContracts.length === 0;
 
-  let selectedTab = tabItems[0]?.id ?? "";
-
-  $: selectedContract = find(enabledContracts, hasKeyValue("id", selectedTab));
-  $: ({ balance, currentAddress, addresses, isSyncing, error } = $walletStore);
-  $: ({ currentOperation } = $operationsStore);
-
-  onDestroy(() => {
-    updateOperation("");
-  });
+  $: ({ isSyncing, error } = $walletStore);
 </script>
 
-<div class="dashboard-content">
-  <h2 class="sr-only">Dashboard</h2>
-
-  <AddressPicker {addresses} {currentAddress} />
-
-  <Balance
-    fiatCurrency={currency}
-    {fiatPrice}
-    locale={language}
-    tokenCurrency="DUSK"
-    tokens={balance.value}
-  />
-
-  {#if hasNoEnabledContracts}
-    <div class="no-contracts-pane">
-      <Icon path={mdiContain} size="large" />
-      <h3>No Contracts Enabled</h3>
-      <p>
-        It appears that no contracts are currently enabled. To access the full
-        range of functionalities, enabling contracts is essential.
-      </p>
-      {#if import.meta.env.MODE === "development"}
-        <h4>For Developers:</h4>
-        <p>No contracts are currently enabled.</p>
-      {/if}
-    </div>
-  {/if}
-
-  {#if selectedContract}
-    <article class="tabs">
-      <Tabs
-        bind:selectedTab
-        items={tabItems}
-        on:change={() => updateOperation("")}
-      />
-      <div
-        class="tabs__panel"
-        class:tabs__panel--first={selectedTab === enabledContracts[0].id}
-        class:tabs__panel--last={selectedTab === last(enabledContracts).id}
-      >
-        {#key selectedTab}
-          <div in:fade class="tabs__contract">
-            <svelte:component
-              this={selectedTab === "transfer"
-                ? TransferContract
-                : StakeContract}
-              descriptor={selectedContract}
-              on:suppressStakingNotice={() =>
-                updateSetting("hideStakingNotice", true)}
-              on:operationChange={({ detail }) => updateOperation(detail)}
-            />
-          </div>
-        {/key}
-      </div>
-    </article>
-  {/if}
-
-  {#if currentOperation === "" && selectedTab === "transfer"}
-    <Transactions
-      items={walletStore.getTransactionsHistory()}
-      {language}
-      limit={dashboardTransactionLimit}
-      {isSyncing}
-      syncError={error}
-    />
-  {/if}
-</div>
+{#if hasNoEnabledContracts}
+  <div class="no-contracts">
+    <Icon path={mdiContain} size="large" />
+    <h3>No Contracts Enabled</h3>
+    <p>
+      It appears that no contracts are currently enabled. To access the full
+      range of functionalities, enabling contracts is essential.
+    </p>
+    {#if import.meta.env.MODE === "development"}
+      <h4>For Developers:</h4>
+      <p>No contracts are currently enabled.</p>
+    {/if}
+  </div>
+{/if}
+
+<DashboardNav items={dashboardNavItems} />
+
+<slot />
+
+<Transactions
+  items={walletStore.getTransactionsHistory()}
+  {language}
+  limit={dashboardTransactionLimit}
+  {isSyncing}
+  syncError={error}
+/>
 
 <style lang="postcss">
-  .dashboard-content {
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-    gap: 1.375rem;
-    overflow-y: auto;
-    flex: 1;
-  }
-
-  .tabs {
-    &__panel {
-      border-radius: var(--control-border-radius-size);
-      background: var(--surface-color);
-      transition: border-radius 0.4s ease-in-out;
-
-      &--first {
-        border-top-left-radius: 0;
-      }
-
-      &--last {
-        border-top-right-radius: 0;
-      }
-    }
-
-    &__contract {
-      display: flex;
-      flex-direction: column;
-      padding: 1rem 1.375rem;
-      gap: var(--default-gap);
-    }
-  }
-
-  .no-contracts-pane {
+  .no-contracts {
     display: flex;
     flex-direction: column;
     background-color: var(--surface-color);
diff --git a/web-wallet/src/routes/(app)/dashboard/__tests__/__snapshots__/layout.spec.js.snap b/web-wallet/src/routes/(app)/dashboard/__tests__/__snapshots__/layout.spec.js.snap
index dea6036694..a2e831d6e0 100644
--- a/web-wallet/src/routes/(app)/dashboard/__tests__/__snapshots__/layout.spec.js.snap
+++ b/web-wallet/src/routes/(app)/dashboard/__tests__/__snapshots__/layout.spec.js.snap
@@ -1,21 +1,336 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`Dashboard Layout > should render the dashboard layout 1`] = `
+<div>
+  <section
+    class="dashboard svelte-x8x7bh"
+  >
+    <div
+      class="dashboard-content svelte-x8x7bh"
+    >
+      <h2
+        class="sr-only"
+      >
+        Dashboard
+      </h2>
+       
+       
+      <div
+        class="address-picker"
+      >
+        <div
+          aria-expanded="false"
+          aria-haspopup="true"
+          class="address-picker__trigger"
+          role="button"
+          tabindex="0"
+        >
+          <button
+            class="dusk-button dusk-button--type--button dusk-button--variant--secondary dusk-button--size--default dusk-icon-button"
+            disabled=""
+            type="button"
+          >
+            <svg
+              class="dusk-icon dusk-icon--size--default dusk-button__icon"
+              role="graphics-symbol"
+              viewBox="0 0 24 24"
+            >
+              <path
+                d="M21,9L17,5V8H10V10H17V13M7,11L3,15L7,19V16H14V14H7V11Z"
+              />
+            </svg>
+            
+             
+            
+          </button>
+           
+          <p
+            class="address-picker__current-address"
+          >
+            2087290d3dc213d43e493f03f5435f99
+          </p>
+           
+          <button
+            aria-label="Copy Address"
+            class="dusk-button dusk-button--type--button dusk-button--variant--secondary dusk-button--size--default dusk-icon-button address-picker__copy-address-button"
+            type="button"
+          >
+            <svg
+              class="dusk-icon dusk-icon--size--default dusk-button__icon"
+              role="graphics-symbol"
+              viewBox="0 0 24 24"
+            >
+              <path
+                d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"
+              />
+            </svg>
+            
+             
+            
+          </button>
+        </div>
+         
+      </div>
+       
+      <article
+        class="dusk-balance"
+      >
+        <header
+          class="dusk-balance__header"
+        >
+          <h2>
+            Your Balance:
+          </h2>
+        </header>
+         
+        <p
+          class="dusk-balance__dusk"
+        >
+          <strong>
+            2,345.000000000
+          </strong>
+           
+          <svg
+            class="dusk-icon dusk-icon--size--default dusk-balance__icon"
+            data-tooltip-id="balance-tooltip"
+            data-tooltip-place="right"
+            data-tooltip-text="DUSK"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
+            />
+          </svg>
+          
+        </p>
+         
+        <p
+          class="dusk-balance__fiat"
+        >
+          <strong>
+            (
+            $0.00
+            )
+          </strong>
+        </p>
+         
+         
+        <div
+          aria-hidden="true"
+          class="dusk-tooltip dusk-tooltip-top dusk-tooltip-info"
+          id="balance-tooltip"
+          role="tooltip"
+          style="left: 0px; top: 0px;"
+        >
+          
+        </div>
+      </article>
+       
+    </div>
+     
+    <footer
+      class="footer svelte-x8x7bh"
+    >
+      <nav
+        class="footer__navigation svelte-x8x7bh"
+      >
+        <div
+          class="footer__network-status svelte-x8x7bh"
+        >
+          <svg
+            class="dusk-icon dusk-icon--size--large footer__network-status-icon footer__network-status-icon--success"
+            data-tooltip-disabled="true"
+            data-tooltip-id="main-tooltip"
+            data-tooltip-type="error"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M3.9,12C3.9,10.29 5.29,8.9 7,8.9H11V7H7A5,5 0 0,0 2,12A5,5 0 0,0 7,17H11V15.1H7C5.29,15.1 3.9,13.71 3.9,12M8,13H16V11H8V13M17,7H13V8.9H17C18.71,8.9 20.1,10.29 20.1,12C20.1,13.71 18.71,15.1 17,15.1H13V17H17A5,5 0 0,0 22,12A5,5 0 0,0 17,7Z"
+            />
+          </svg>
+          
+           
+          <div
+            class="footer__network-message svelte-x8x7bh"
+          >
+            <span>
+              Dusk testnet
+            </span>
+             
+          </div>
+        </div>
+         
+        <div
+          class="footer__actions svelte-x8x7bh"
+        >
+           
+          <a
+            aria-disabled="false"
+            aria-label="Settings"
+            class="dusk-anchor dusk-anchor--on-surface dusk-anchor-button dusk-anchor-button--variant--secondary dusk-anchor-button--size--default dusk-icon-button footer__actions-button footer__actions-button--settings"
+            data-tooltip-id="main-tooltip"
+            data-tooltip-text="Settings"
+            href="/some-base-path/settings"
+          >
+            <svg
+              class="dusk-icon dusk-icon--size--large dusk-anchor-button__icon"
+              role="graphics-symbol"
+              viewBox="0 0 24 24"
+            >
+              <path
+                d="M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M10,22C9.75,22 9.54,21.82 9.5,21.58L9.13,18.93C8.5,18.68 7.96,18.34 7.44,17.94L4.95,18.95C4.73,19.03 4.46,18.95 4.34,18.73L2.34,15.27C2.21,15.05 2.27,14.78 2.46,14.63L4.57,12.97L4.5,12L4.57,11L2.46,9.37C2.27,9.22 2.21,8.95 2.34,8.73L4.34,5.27C4.46,5.05 4.73,4.96 4.95,5.05L7.44,6.05C7.96,5.66 8.5,5.32 9.13,5.07L9.5,2.42C9.54,2.18 9.75,2 10,2H14C14.25,2 14.46,2.18 14.5,2.42L14.87,5.07C15.5,5.32 16.04,5.66 16.56,6.05L19.05,5.05C19.27,4.96 19.54,5.05 19.66,5.27L21.66,8.73C21.79,8.95 21.73,9.22 21.54,9.37L19.43,11L19.5,12L19.43,13L21.54,14.63C21.73,14.78 21.79,15.05 21.66,15.27L19.66,18.73C19.54,18.95 19.27,19.04 19.05,18.95L16.56,17.95C16.04,18.34 15.5,18.68 14.87,18.93L14.5,21.58C14.46,21.82 14.25,22 14,22H10M11.25,4L10.88,6.61C9.68,6.86 8.62,7.5 7.85,8.39L5.44,7.35L4.69,8.65L6.8,10.2C6.4,11.37 6.4,12.64 6.8,13.8L4.68,15.36L5.43,16.66L7.86,15.62C8.63,16.5 9.68,17.14 10.87,17.38L11.24,20H12.76L13.13,17.39C14.32,17.14 15.37,16.5 16.14,15.62L18.57,16.66L19.32,15.36L17.2,13.81C17.6,12.64 17.6,11.37 17.2,10.2L19.31,8.65L18.56,7.35L16.15,8.39C15.38,7.5 14.32,6.86 13.12,6.62L12.75,4H11.25Z"
+              />
+            </svg>
+            
+             
+            
+            
+          </a>
+        </div>
+      </nav>
+    </footer>
+  </section>
+</div>
+`;
+
+exports[`Dashboard Layout > should render the dashboard layout and show a throbber while balance is loading 1`] = `
 <section
-  class="dashboard svelte-1vjgr62"
+  class="dashboard svelte-x8x7bh"
 >
-  <span>
-    some text
-  </span>
+  <div
+    class="dashboard-content svelte-x8x7bh"
+  >
+    <h2
+      class="sr-only"
+    >
+      Dashboard
+    </h2>
+     
+     
+    <div
+      class="address-picker"
+    >
+      <div
+        aria-expanded="false"
+        aria-haspopup="true"
+        class="address-picker__trigger"
+        role="button"
+        tabindex="0"
+      >
+        <button
+          class="dusk-button dusk-button--type--button dusk-button--variant--secondary dusk-button--size--default dusk-icon-button"
+          disabled=""
+          type="button"
+        >
+          <svg
+            class="dusk-icon dusk-icon--size--default dusk-button__icon"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M21,9L17,5V8H10V10H17V13M7,11L3,15L7,19V16H14V14H7V11Z"
+            />
+          </svg>
+          
+           
+          
+        </button>
+         
+        <p
+          class="address-picker__current-address"
+        >
+          2087290d3dc213d43e493f03f5435f99
+        </p>
+         
+        <button
+          aria-label="Copy Address"
+          class="dusk-button dusk-button--type--button dusk-button--variant--secondary dusk-button--size--default dusk-icon-button address-picker__copy-address-button"
+          type="button"
+        >
+          <svg
+            class="dusk-icon dusk-icon--size--default dusk-button__icon"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"
+            />
+          </svg>
+          
+           
+          
+        </button>
+      </div>
+       
+    </div>
+     
+    <article
+      class="dusk-balance"
+    >
+      <header
+        class="dusk-balance__header"
+      >
+        <h2>
+          Your Balance:
+        </h2>
+      </header>
+       
+      <p
+        class="dusk-balance__dusk"
+      >
+        <strong>
+          2,345.000000000
+        </strong>
+         
+        <svg
+          class="dusk-icon dusk-icon--size--default dusk-balance__icon"
+          data-tooltip-id="balance-tooltip"
+          data-tooltip-place="right"
+          data-tooltip-text="DUSK"
+          role="graphics-symbol"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
+          />
+        </svg>
+        
+      </p>
+       
+      <p
+        class="dusk-balance__fiat"
+      >
+        <strong>
+          (
+          $0.00
+          )
+        </strong>
+      </p>
+       
+       
+      <div
+        aria-hidden="true"
+        class="dusk-tooltip dusk-tooltip-top dusk-tooltip-info"
+        id="balance-tooltip"
+        role="tooltip"
+        style="left: 0px; top: 0px;"
+      >
+        
+      </div>
+    </article>
+     
+  </div>
    
   <footer
-    class="footer svelte-1vjgr62"
+    class="footer svelte-x8x7bh"
   >
     <nav
-      class="footer__navigation svelte-1vjgr62"
+      class="footer__navigation svelte-x8x7bh"
     >
       <div
-        class="footer__network-status svelte-1vjgr62"
+        class="footer__network-status svelte-x8x7bh"
       >
         <svg
           class="dusk-icon dusk-icon--size--large footer__network-status-icon footer__network-status-icon--success"
@@ -32,7 +347,7 @@ exports[`Dashboard Layout > should render the dashboard layout 1`] = `
         
          
         <div
-          class="footer__network-message svelte-1vjgr62"
+          class="footer__network-message svelte-x8x7bh"
         >
           <span>
             Dusk testnet
@@ -42,7 +357,7 @@ exports[`Dashboard Layout > should render the dashboard layout 1`] = `
       </div>
        
       <div
-        class="footer__actions svelte-1vjgr62"
+        class="footer__actions svelte-x8x7bh"
       >
          
         <a
@@ -74,176 +389,420 @@ exports[`Dashboard Layout > should render the dashboard layout 1`] = `
 `;
 
 exports[`Dashboard Layout > should render the dashboard layout in the error state 1`] = `
-<section
-  class="dashboard svelte-1vjgr62"
->
-  <span>
-    some text
-  </span>
-   
-  <footer
-    class="footer svelte-1vjgr62"
+<div>
+  <section
+    class="dashboard svelte-x8x7bh"
   >
-    <nav
-      class="footer__navigation svelte-1vjgr62"
+    <div
+      class="dashboard-content svelte-x8x7bh"
     >
+      <h2
+        class="sr-only"
+      >
+        Dashboard
+      </h2>
+       
+       
       <div
-        class="footer__network-status svelte-1vjgr62"
+        class="address-picker"
       >
-        <svg
-          class="dusk-icon dusk-icon--size--large footer__network-status-icon footer__network-status-icon--error"
-          data-tooltip-disabled="false"
-          data-tooltip-id="main-tooltip"
-          data-tooltip-text=""
-          data-tooltip-type="error"
-          role="graphics-symbol"
-          viewBox="0 0 24 24"
-        >
-          <path
-            d="M12,2L1,21H23M12,6L19.53,19H4.47M11,10V14H13V10M11,16V18H13V16"
-          />
-        </svg>
-        
-         
         <div
-          class="footer__network-message svelte-1vjgr62"
+          aria-expanded="false"
+          aria-haspopup="true"
+          class="address-picker__trigger"
+          role="button"
+          tabindex="0"
         >
-          <span>
-            Dusk testnet - Sync Failed
-          </span>
+          <button
+            class="dusk-button dusk-button--type--button dusk-button--variant--secondary dusk-button--size--default dusk-icon-button"
+            disabled=""
+            type="button"
+          >
+            <svg
+              class="dusk-icon dusk-icon--size--default dusk-button__icon"
+              role="graphics-symbol"
+              viewBox="0 0 24 24"
+            >
+              <path
+                d="M21,9L17,5V8H10V10H17V13M7,11L3,15L7,19V16H14V14H7V11Z"
+              />
+            </svg>
+            
+             
+            
+          </button>
+           
+          <p
+            class="address-picker__current-address"
+          >
+            2087290d3dc213d43e493f03f5435f99
+          </p>
            
+          <button
+            aria-label="Copy Address"
+            class="dusk-button dusk-button--type--button dusk-button--variant--secondary dusk-button--size--default dusk-icon-button address-picker__copy-address-button"
+            type="button"
+          >
+            <svg
+              class="dusk-icon dusk-icon--size--default dusk-button__icon"
+              role="graphics-symbol"
+              viewBox="0 0 24 24"
+            >
+              <path
+                d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"
+              />
+            </svg>
+            
+             
+            
+          </button>
         </div>
+         
       </div>
        
-      <div
-        class="footer__actions svelte-1vjgr62"
+      <article
+        class="dusk-balance"
       >
-        <button
-          aria-label="Retry synchronization"
-          class="dusk-button dusk-button--type--button dusk-button--variant--secondary dusk-button--size--default dusk-icon-button footer__actions-button footer__actions-button--retry"
-          data-tooltip-id="main-tooltip"
-          data-tooltip-text="Retry synchronization"
-          type="button"
+        <header
+          class="dusk-balance__header"
+        >
+          <h2>
+            Your Balance:
+          </h2>
+        </header>
+         
+        <p
+          class="dusk-balance__dusk"
         >
+          <strong>
+            2,345.000000000
+          </strong>
+           
           <svg
-            class="dusk-icon dusk-icon--size--large dusk-button__icon"
+            class="dusk-icon dusk-icon--size--default dusk-balance__icon"
+            data-tooltip-id="balance-tooltip"
+            data-tooltip-place="right"
+            data-tooltip-text="DUSK"
             role="graphics-symbol"
             viewBox="0 0 24 24"
           >
             <path
-              d="M13,3A9,9 0 0,0 4,12H1L4.89,15.89L4.96,16.03L9,12H6A7,7 0 0,1 13,5A7,7 0 0,1 20,12A7,7 0 0,1 13,19C11.07,19 9.32,18.21 8.06,16.94L6.64,18.36C8.27,20 10.5,21 13,21A9,9 0 0,0 22,12A9,9 0 0,0 13,3Z"
+              d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
             />
           </svg>
           
-           
-          
-        </button>
+        </p>
          
-        <a
-          aria-disabled="false"
-          aria-label="Settings"
-          class="dusk-anchor dusk-anchor--on-surface dusk-anchor-button dusk-anchor-button--variant--secondary dusk-anchor-button--size--default dusk-icon-button footer__actions-button footer__actions-button--settings"
-          data-tooltip-id="main-tooltip"
-          data-tooltip-text="Settings"
-          href="/some-base-path/settings"
+        <p
+          class="dusk-balance__fiat dusk-balance__fiat--visible"
+        >
+          <strong>
+            (
+            $1,172.50
+            )
+          </strong>
+        </p>
+         
+         
+        <div
+          aria-hidden="true"
+          class="dusk-tooltip dusk-tooltip-top dusk-tooltip-info"
+          id="balance-tooltip"
+          role="tooltip"
+          style="left: 0px; top: 0px;"
+        >
+          
+        </div>
+      </article>
+       
+    </div>
+     
+    <footer
+      class="footer svelte-x8x7bh"
+    >
+      <nav
+        class="footer__navigation svelte-x8x7bh"
+      >
+        <div
+          class="footer__network-status svelte-x8x7bh"
         >
           <svg
-            class="dusk-icon dusk-icon--size--large dusk-anchor-button__icon"
+            class="dusk-icon dusk-icon--size--large footer__network-status-icon footer__network-status-icon--error"
+            data-tooltip-disabled="false"
+            data-tooltip-id="main-tooltip"
+            data-tooltip-text=""
+            data-tooltip-type="error"
             role="graphics-symbol"
             viewBox="0 0 24 24"
           >
             <path
-              d="M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M10,22C9.75,22 9.54,21.82 9.5,21.58L9.13,18.93C8.5,18.68 7.96,18.34 7.44,17.94L4.95,18.95C4.73,19.03 4.46,18.95 4.34,18.73L2.34,15.27C2.21,15.05 2.27,14.78 2.46,14.63L4.57,12.97L4.5,12L4.57,11L2.46,9.37C2.27,9.22 2.21,8.95 2.34,8.73L4.34,5.27C4.46,5.05 4.73,4.96 4.95,5.05L7.44,6.05C7.96,5.66 8.5,5.32 9.13,5.07L9.5,2.42C9.54,2.18 9.75,2 10,2H14C14.25,2 14.46,2.18 14.5,2.42L14.87,5.07C15.5,5.32 16.04,5.66 16.56,6.05L19.05,5.05C19.27,4.96 19.54,5.05 19.66,5.27L21.66,8.73C21.79,8.95 21.73,9.22 21.54,9.37L19.43,11L19.5,12L19.43,13L21.54,14.63C21.73,14.78 21.79,15.05 21.66,15.27L19.66,18.73C19.54,18.95 19.27,19.04 19.05,18.95L16.56,17.95C16.04,18.34 15.5,18.68 14.87,18.93L14.5,21.58C14.46,21.82 14.25,22 14,22H10M11.25,4L10.88,6.61C9.68,6.86 8.62,7.5 7.85,8.39L5.44,7.35L4.69,8.65L6.8,10.2C6.4,11.37 6.4,12.64 6.8,13.8L4.68,15.36L5.43,16.66L7.86,15.62C8.63,16.5 9.68,17.14 10.87,17.38L11.24,20H12.76L13.13,17.39C14.32,17.14 15.37,16.5 16.14,15.62L18.57,16.66L19.32,15.36L17.2,13.81C17.6,12.64 17.6,11.37 17.2,10.2L19.31,8.65L18.56,7.35L16.15,8.39C15.38,7.5 14.32,6.86 13.12,6.62L12.75,4H11.25Z"
+              d="M12,2L1,21H23M12,6L19.53,19H4.47M11,10V14H13V10M11,16V18H13V16"
             />
           </svg>
           
            
-          
-          
-        </a>
-      </div>
-    </nav>
-  </footer>
-</section>
+          <div
+            class="footer__network-message svelte-x8x7bh"
+          >
+            <span>
+              Dusk testnet - Sync Failed
+            </span>
+             
+          </div>
+        </div>
+         
+        <div
+          class="footer__actions svelte-x8x7bh"
+        >
+          <button
+            aria-label="Retry synchronization"
+            class="dusk-button dusk-button--type--button dusk-button--variant--secondary dusk-button--size--default dusk-icon-button footer__actions-button footer__actions-button--retry"
+            data-tooltip-id="main-tooltip"
+            data-tooltip-text="Retry synchronization"
+            type="button"
+          >
+            <svg
+              class="dusk-icon dusk-icon--size--large dusk-button__icon"
+              role="graphics-symbol"
+              viewBox="0 0 24 24"
+            >
+              <path
+                d="M13,3A9,9 0 0,0 4,12H1L4.89,15.89L4.96,16.03L9,12H6A7,7 0 0,1 13,5A7,7 0 0,1 20,12A7,7 0 0,1 13,19C11.07,19 9.32,18.21 8.06,16.94L6.64,18.36C8.27,20 10.5,21 13,21A9,9 0 0,0 22,12A9,9 0 0,0 13,3Z"
+              />
+            </svg>
+            
+             
+            
+          </button>
+           
+          <a
+            aria-disabled="false"
+            aria-label="Settings"
+            class="dusk-anchor dusk-anchor--on-surface dusk-anchor-button dusk-anchor-button--variant--secondary dusk-anchor-button--size--default dusk-icon-button footer__actions-button footer__actions-button--settings"
+            data-tooltip-id="main-tooltip"
+            data-tooltip-text="Settings"
+            href="/some-base-path/settings"
+          >
+            <svg
+              class="dusk-icon dusk-icon--size--large dusk-anchor-button__icon"
+              role="graphics-symbol"
+              viewBox="0 0 24 24"
+            >
+              <path
+                d="M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M10,22C9.75,22 9.54,21.82 9.5,21.58L9.13,18.93C8.5,18.68 7.96,18.34 7.44,17.94L4.95,18.95C4.73,19.03 4.46,18.95 4.34,18.73L2.34,15.27C2.21,15.05 2.27,14.78 2.46,14.63L4.57,12.97L4.5,12L4.57,11L2.46,9.37C2.27,9.22 2.21,8.95 2.34,8.73L4.34,5.27C4.46,5.05 4.73,4.96 4.95,5.05L7.44,6.05C7.96,5.66 8.5,5.32 9.13,5.07L9.5,2.42C9.54,2.18 9.75,2 10,2H14C14.25,2 14.46,2.18 14.5,2.42L14.87,5.07C15.5,5.32 16.04,5.66 16.56,6.05L19.05,5.05C19.27,4.96 19.54,5.05 19.66,5.27L21.66,8.73C21.79,8.95 21.73,9.22 21.54,9.37L19.43,11L19.5,12L19.43,13L21.54,14.63C21.73,14.78 21.79,15.05 21.66,15.27L19.66,18.73C19.54,18.95 19.27,19.04 19.05,18.95L16.56,17.95C16.04,18.34 15.5,18.68 14.87,18.93L14.5,21.58C14.46,21.82 14.25,22 14,22H10M11.25,4L10.88,6.61C9.68,6.86 8.62,7.5 7.85,8.39L5.44,7.35L4.69,8.65L6.8,10.2C6.4,11.37 6.4,12.64 6.8,13.8L4.68,15.36L5.43,16.66L7.86,15.62C8.63,16.5 9.68,17.14 10.87,17.38L11.24,20H12.76L13.13,17.39C14.32,17.14 15.37,16.5 16.14,15.62L18.57,16.66L19.32,15.36L17.2,13.81C17.6,12.64 17.6,11.37 17.2,10.2L19.31,8.65L18.56,7.35L16.15,8.39C15.38,7.5 14.32,6.86 13.12,6.62L12.75,4H11.25Z"
+              />
+            </svg>
+            
+             
+            
+            
+          </a>
+        </div>
+      </nav>
+    </footer>
+  </section>
+</div>
 `;
 
 exports[`Dashboard Layout > should render the dashboard layout in the sync state 1`] = `
-<section
-  class="dashboard svelte-1vjgr62"
->
-  <span>
-    some text
-  </span>
-   
-  <footer
-    class="footer svelte-1vjgr62"
+<div>
+  <section
+    class="dashboard svelte-x8x7bh"
   >
-    <nav
-      class="footer__navigation svelte-1vjgr62"
+    <div
+      class="dashboard-content svelte-x8x7bh"
     >
+      <h2
+        class="sr-only"
+      >
+        Dashboard
+      </h2>
+       
+       
       <div
-        class="footer__network-status svelte-1vjgr62"
+        class="address-picker"
       >
-        <svg
-          class="dusk-icon dusk-icon--size--large footer__network-status-icon footer__network-status-icon--warning"
-          data-tooltip-disabled="true"
-          data-tooltip-id="main-tooltip"
-          data-tooltip-type="error"
-          role="graphics-symbol"
-          viewBox="0 0 24 24"
-        >
-          <path
-            d="M6,2H18V8H18V8L14,12L18,16V16H18V22H6V16H6V16L10,12L6,8V8H6V2M16,16.5L12,12.5L8,16.5V20H16V16.5M12,11.5L16,7.5V4H8V7.5L12,11.5M10,6H14V6.75L12,8.75L10,6.75V6Z"
-          />
-        </svg>
-        
-         
         <div
-          class="footer__network-message svelte-1vjgr62"
+          aria-expanded="false"
+          aria-haspopup="true"
+          class="address-picker__trigger"
+          role="button"
+          tabindex="0"
         >
-          <span>
-            Syncing with Dusk testnet
-          </span>
+          <button
+            class="dusk-button dusk-button--type--button dusk-button--variant--secondary dusk-button--size--default dusk-icon-button"
+            disabled=""
+            type="button"
+          >
+            <svg
+              class="dusk-icon dusk-icon--size--default dusk-button__icon"
+              role="graphics-symbol"
+              viewBox="0 0 24 24"
+            >
+              <path
+                d="M21,9L17,5V8H10V10H17V13M7,11L3,15L7,19V16H14V14H7V11Z"
+              />
+            </svg>
+            
+             
+            
+          </button>
            
-          <div
-            class="dusk-progress-bar"
-            role="progressbar"
+          <p
+            class="address-picker__current-address"
           >
-            <div
-              class="dusk-progress-bar__filler dusk-progress-bar__filler--undetermined"
-            />
-          </div>
+            2087290d3dc213d43e493f03f5435f99
+          </p>
+           
+          <button
+            aria-label="Copy Address"
+            class="dusk-button dusk-button--type--button dusk-button--variant--secondary dusk-button--size--default dusk-icon-button address-picker__copy-address-button"
+            type="button"
+          >
+            <svg
+              class="dusk-icon dusk-icon--size--default dusk-button__icon"
+              role="graphics-symbol"
+              viewBox="0 0 24 24"
+            >
+              <path
+                d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"
+              />
+            </svg>
+            
+             
+            
+          </button>
         </div>
+         
       </div>
        
-      <div
-        class="footer__actions svelte-1vjgr62"
+      <article
+        class="dusk-balance"
       >
+        <header
+          class="dusk-balance__header"
+        >
+          <h2>
+            Your Balance:
+          </h2>
+        </header>
          
-        <a
-          aria-disabled="false"
-          aria-label="Settings"
-          class="dusk-anchor dusk-anchor--on-surface dusk-anchor-button dusk-anchor-button--variant--secondary dusk-anchor-button--size--default dusk-icon-button footer__actions-button footer__actions-button--settings"
-          data-tooltip-id="main-tooltip"
-          data-tooltip-text="Settings"
-          href="/some-base-path/settings"
+        <p
+          class="dusk-balance__dusk"
         >
+          <strong>
+            2,345.000000000
+          </strong>
+           
           <svg
-            class="dusk-icon dusk-icon--size--large dusk-anchor-button__icon"
+            class="dusk-icon dusk-icon--size--default dusk-balance__icon"
+            data-tooltip-id="balance-tooltip"
+            data-tooltip-place="right"
+            data-tooltip-text="DUSK"
             role="graphics-symbol"
             viewBox="0 0 24 24"
           >
             <path
-              d="M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M10,22C9.75,22 9.54,21.82 9.5,21.58L9.13,18.93C8.5,18.68 7.96,18.34 7.44,17.94L4.95,18.95C4.73,19.03 4.46,18.95 4.34,18.73L2.34,15.27C2.21,15.05 2.27,14.78 2.46,14.63L4.57,12.97L4.5,12L4.57,11L2.46,9.37C2.27,9.22 2.21,8.95 2.34,8.73L4.34,5.27C4.46,5.05 4.73,4.96 4.95,5.05L7.44,6.05C7.96,5.66 8.5,5.32 9.13,5.07L9.5,2.42C9.54,2.18 9.75,2 10,2H14C14.25,2 14.46,2.18 14.5,2.42L14.87,5.07C15.5,5.32 16.04,5.66 16.56,6.05L19.05,5.05C19.27,4.96 19.54,5.05 19.66,5.27L21.66,8.73C21.79,8.95 21.73,9.22 21.54,9.37L19.43,11L19.5,12L19.43,13L21.54,14.63C21.73,14.78 21.79,15.05 21.66,15.27L19.66,18.73C19.54,18.95 19.27,19.04 19.05,18.95L16.56,17.95C16.04,18.34 15.5,18.68 14.87,18.93L14.5,21.58C14.46,21.82 14.25,22 14,22H10M11.25,4L10.88,6.61C9.68,6.86 8.62,7.5 7.85,8.39L5.44,7.35L4.69,8.65L6.8,10.2C6.4,11.37 6.4,12.64 6.8,13.8L4.68,15.36L5.43,16.66L7.86,15.62C8.63,16.5 9.68,17.14 10.87,17.38L11.24,20H12.76L13.13,17.39C14.32,17.14 15.37,16.5 16.14,15.62L18.57,16.66L19.32,15.36L17.2,13.81C17.6,12.64 17.6,11.37 17.2,10.2L19.31,8.65L18.56,7.35L16.15,8.39C15.38,7.5 14.32,6.86 13.12,6.62L12.75,4H11.25Z"
+              d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
             />
           </svg>
           
-           
+        </p>
+         
+        <p
+          class="dusk-balance__fiat dusk-balance__fiat--visible"
+        >
+          <strong>
+            (
+            $1,172.50
+            )
+          </strong>
+        </p>
+         
+         
+        <div
+          aria-hidden="true"
+          class="dusk-tooltip dusk-tooltip-top dusk-tooltip-info"
+          id="balance-tooltip"
+          role="tooltip"
+          style="left: 0px; top: 0px;"
+        >
           
+        </div>
+      </article>
+       
+    </div>
+     
+    <footer
+      class="footer svelte-x8x7bh"
+    >
+      <nav
+        class="footer__navigation svelte-x8x7bh"
+      >
+        <div
+          class="footer__network-status svelte-x8x7bh"
+        >
+          <svg
+            class="dusk-icon dusk-icon--size--large footer__network-status-icon footer__network-status-icon--warning"
+            data-tooltip-disabled="true"
+            data-tooltip-id="main-tooltip"
+            data-tooltip-type="error"
+            role="graphics-symbol"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M6,2H18V8H18V8L14,12L18,16V16H18V22H6V16H6V16L10,12L6,8V8H6V2M16,16.5L12,12.5L8,16.5V20H16V16.5M12,11.5L16,7.5V4H8V7.5L12,11.5M10,6H14V6.75L12,8.75L10,6.75V6Z"
+            />
+          </svg>
           
-        </a>
-      </div>
-    </nav>
-  </footer>
-</section>
+           
+          <div
+            class="footer__network-message svelte-x8x7bh"
+          >
+            <span>
+              Syncing with Dusk testnet
+            </span>
+             
+            <div
+              class="dusk-progress-bar"
+              role="progressbar"
+            >
+              <div
+                class="dusk-progress-bar__filler dusk-progress-bar__filler--undetermined"
+              />
+            </div>
+          </div>
+        </div>
+         
+        <div
+          class="footer__actions svelte-x8x7bh"
+        >
+           
+          <a
+            aria-disabled="false"
+            aria-label="Settings"
+            class="dusk-anchor dusk-anchor--on-surface dusk-anchor-button dusk-anchor-button--variant--secondary dusk-anchor-button--size--default dusk-icon-button footer__actions-button footer__actions-button--settings"
+            data-tooltip-id="main-tooltip"
+            data-tooltip-text="Settings"
+            href="/some-base-path/settings"
+          >
+            <svg
+              class="dusk-icon dusk-icon--size--large dusk-anchor-button__icon"
+              role="graphics-symbol"
+              viewBox="0 0 24 24"
+            >
+              <path
+                d="M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M10,22C9.75,22 9.54,21.82 9.5,21.58L9.13,18.93C8.5,18.68 7.96,18.34 7.44,17.94L4.95,18.95C4.73,19.03 4.46,18.95 4.34,18.73L2.34,15.27C2.21,15.05 2.27,14.78 2.46,14.63L4.57,12.97L4.5,12L4.57,11L2.46,9.37C2.27,9.22 2.21,8.95 2.34,8.73L4.34,5.27C4.46,5.05 4.73,4.96 4.95,5.05L7.44,6.05C7.96,5.66 8.5,5.32 9.13,5.07L9.5,2.42C9.54,2.18 9.75,2 10,2H14C14.25,2 14.46,2.18 14.5,2.42L14.87,5.07C15.5,5.32 16.04,5.66 16.56,6.05L19.05,5.05C19.27,4.96 19.54,5.05 19.66,5.27L21.66,8.73C21.79,8.95 21.73,9.22 21.54,9.37L19.43,11L19.5,12L19.43,13L21.54,14.63C21.73,14.78 21.79,15.05 21.66,15.27L19.66,18.73C19.54,18.95 19.27,19.04 19.05,18.95L16.56,17.95C16.04,18.34 15.5,18.68 14.87,18.93L14.5,21.58C14.46,21.82 14.25,22 14,22H10M11.25,4L10.88,6.61C9.68,6.86 8.62,7.5 7.85,8.39L5.44,7.35L4.69,8.65L6.8,10.2C6.4,11.37 6.4,12.64 6.8,13.8L4.68,15.36L5.43,16.66L7.86,15.62C8.63,16.5 9.68,17.14 10.87,17.38L11.24,20H12.76L13.13,17.39C14.32,17.14 15.37,16.5 16.14,15.62L18.57,16.66L19.32,15.36L17.2,13.81C17.6,12.64 17.6,11.37 17.2,10.2L19.31,8.65L18.56,7.35L16.15,8.39C15.38,7.5 14.32,6.86 13.12,6.62L12.75,4H11.25Z"
+              />
+            </svg>
+            
+             
+            
+            
+          </a>
+        </div>
+      </nav>
+    </footer>
+  </section>
+</div>
 `;
diff --git a/web-wallet/src/routes/(app)/dashboard/__tests__/__snapshots__/page.spec.js.snap b/web-wallet/src/routes/(app)/dashboard/__tests__/__snapshots__/page.spec.js.snap
index 4b7ee8905e..39a995a928 100644
--- a/web-wallet/src/routes/(app)/dashboard/__tests__/__snapshots__/page.spec.js.snap
+++ b/web-wallet/src/routes/(app)/dashboard/__tests__/__snapshots__/page.spec.js.snap
@@ -1,336 +1,50 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`Dashboard > should render a card when there is an error getting transactions 1`] = `
-<div
-  class="dashboard-content svelte-dg99fr"
->
-  <h2
-    class="sr-only"
-  >
-    Dashboard
-  </h2>
-   
+<div>
    
-  <div
-    class="address-picker"
+  <nav
+    class="dashboard-nav svelte-5szabu"
   >
-    <div
-      aria-expanded="false"
-      aria-haspopup="true"
-      class="address-picker__trigger"
-      role="button"
-      tabindex="0"
+    <ul
+      class="dashboard-nav-list svelte-5szabu"
     >
-      <button
-        class="dusk-button dusk-button--type--button dusk-button--variant--secondary dusk-button--size--default dusk-icon-button"
-        disabled=""
-        type="button"
-      >
-        <svg
-          class="dusk-icon dusk-icon--size--default dusk-button__icon"
-          role="graphics-symbol"
-          viewBox="0 0 24 24"
-        >
-          <path
-            d="M21,9L17,5V8H10V10H17V13M7,11L3,15L7,19V16H14V14H7V11Z"
-          />
-        </svg>
-        
-         
-        
-      </button>
-       
-      <p
-        class="address-picker__current-address"
-      >
-        2087290d3dc213d43e493f03f5435f99
-      </p>
-       
-      <button
-        aria-label="Copy Address"
-        class="dusk-button dusk-button--type--button dusk-button--variant--secondary dusk-button--size--default dusk-icon-button address-picker__copy-address-button"
-        type="button"
-      >
-        <svg
-          class="dusk-icon dusk-icon--size--default dusk-button__icon"
-          role="graphics-symbol"
-          viewBox="0 0 24 24"
+      <li>
+        <a
+          class="dusk-anchor dusk-anchor--on-surface dashboard-nav-list__item"
+          href="transfer"
         >
-          <path
-            d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"
-          />
-        </svg>
-        
-         
-        
-      </button>
-    </div>
-     
-  </div>
-   
-  <article
-    class="dusk-balance"
-  >
-    <header
-      class="dusk-balance__header"
-    >
-      <h2>
-        Your Balance:
-      </h2>
-    </header>
-     
-    <p
-      class="dusk-balance__dusk"
-    >
-      <strong>
-        2,345.000000000
-      </strong>
-       
-      <svg
-        class="dusk-icon dusk-icon--size--default dusk-balance__icon"
-        data-tooltip-id="balance-tooltip"
-        data-tooltip-place="right"
-        data-tooltip-text="DUSK"
-        role="graphics-symbol"
-        viewBox="0 0 24 24"
-      >
-        <path
-          d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
-        />
-      </svg>
-      
-    </p>
-     
-    <p
-      class="dusk-balance__fiat dusk-balance__fiat--visible"
-    >
-      <strong>
-        (
-        $1,172.50
-        )
-      </strong>
-    </p>
-     
-     
-    <div
-      aria-hidden="true"
-      class="dusk-tooltip dusk-tooltip-top dusk-tooltip-info"
-      id="balance-tooltip"
-      role="tooltip"
-      style="left: 0px; top: 0px;"
-    >
-      
-    </div>
-  </article>
-   
-   
-  <article
-    class="tabs"
-  >
-    <div
-      class="dusk-tabs"
-    >
-      <button
-        class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button dusk-tab-scroll-button"
-        disabled=""
-        hidden="true"
-        tabindex="-1"
-        type="button"
-      >
-        <svg
-          class="dusk-icon dusk-icon--size--default dusk-button__icon"
-          role="graphics-symbol"
-          viewBox="0 0 24 24"
-        >
-          <path
-            d="M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z"
-          />
-        </svg>
-        
-         
-        
-      </button>
-       
-      <ul
-        class="dusk-tabs-list"
-        role="tablist"
-      >
-        <li
-          aria-selected="true"
-          class="dusk-tab-item dusk-tab-item__selected"
-          data-tabid="transfer"
-          role="tab"
-          tabindex="0"
-        >
-          <svg
-            class="dusk-icon dusk-icon--size--default"
-            role="graphics-symbol"
-            viewBox="0 0 24 24"
-          >
-            <path
-              d="M9,3L5,7H8V14H10V7H13M16,17V10H14V17H11L15,21L19,17H16Z"
-            />
-          </svg>
-          
-           
           <span
-            class="dusk-tab-label"
+            class="dashboard-nav-item-label svelte-5szabu"
           >
             Transact
           </span>
-          
            
-        </li>
-        <li
-          aria-selected="false"
-          class="dusk-tab-item"
-          data-tabid="staking"
-          role="tab"
-          tabindex="0"
-        >
-          <svg
-            class="dusk-icon dusk-icon--size--default"
-            role="graphics-symbol"
-            viewBox="0 0 24 24"
-          >
-            <path
-              d="M12 3C7.58 3 4 4.79 4 7V17C4 19.21 7.59 21 12 21S20 19.21 20 17V7C20 4.79 16.42 3 12 3M18 17C18 17.5 15.87 19 12 19S6 17.5 6 17V14.77C7.61 15.55 9.72 16 12 16S16.39 15.55 18 14.77V17M18 12.45C16.7 13.4 14.42 14 12 14C9.58 14 7.3 13.4 6 12.45V9.64C7.47 10.47 9.61 11 12 11C14.39 11 16.53 10.47 18 9.64V12.45M12 9C8.13 9 6 7.5 6 7S8.13 5 12 5C15.87 5 18 6.5 18 7S15.87 9 12 9Z"
-            />
-          </svg>
           
-           
+        </a>
+         
+      </li>
+      <li>
+        <a
+          class="dusk-anchor dusk-anchor--on-surface dashboard-nav-list__item"
+          href="staking"
+        >
           <span
-            class="dusk-tab-label"
+            class="dashboard-nav-item-label svelte-5szabu"
           >
             Stake
           </span>
-          
            
-        </li>
-      </ul>
-       
-      <button
-        class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button dusk-tab-scroll-button"
-        disabled=""
-        hidden="true"
-        tabindex="-1"
-        type="button"
-      >
-        <svg
-          class="dusk-icon dusk-icon--size--default dusk-button__icon"
-          role="graphics-symbol"
-          viewBox="0 0 24 24"
-        >
-          <path
-            d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"
-          />
-        </svg>
-        
-         
-        
-      </button>
-    </div>
-     
-    <div
-      class="tabs__panel svelte-dg99fr tabs__panel--first"
-    >
-      <div
-        class="tabs__contract svelte-dg99fr"
-      >
-        <dl
-          class="contract-statuses svelte-19157rx"
-        >
-          <dt
-            class="contract-statuses__label svelte-19157rx"
-          >
-            Spendable
-             
-          </dt>
-          <dd
-            class="contract-statuses__value svelte-19157rx"
-          >
-            <span>
-              50,000.000000000
-            </span>
-             
-            <svg
-              class="dusk-icon dusk-icon--size--default contract-statuses__icon"
-              data-tooltip-id="main-tooltip"
-              data-tooltip-text="DUSK"
-              role="graphics-symbol"
-              viewBox="0 0 24 24"
-            >
-              <path
-                d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
-              />
-            </svg>
-            
-             
-          </dd>
-        </dl>
+          
+        </a>
          
-        <menu
-          class="contract-operations svelte-1v0rjcd"
-        >
-          <li
-            class="contract-operations__operation svelte-1v0rjcd"
-          >
-            <button
-              class="dusk-button dusk-button--type--button dusk-button--variant--primary dusk-button--size--default dusk-icon-button--labeled contract-operations__operation-button"
-              type="button"
-            >
-              <svg
-                class="dusk-icon dusk-icon--size--default dusk-button__icon"
-                role="graphics-symbol"
-                viewBox="0 0 24 24"
-              >
-                <path
-                  d="M12,7L17,12H14V16H10V12H7L12,7M19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21M19,19V5H5V19H19Z"
-                />
-              </svg>
-              
-               
-              <span
-                class="dusk-button__text"
-              >
-                Send
-              </span>
-              
-            </button>
-             
-          </li>
-          <li
-            class="contract-operations__operation svelte-1v0rjcd"
-          >
-            <button
-              class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button--labeled contract-operations__operation-button"
-              type="button"
-            >
-              <svg
-                class="dusk-icon dusk-icon--size--default dusk-button__icon"
-                role="graphics-symbol"
-                viewBox="0 0 24 24"
-              >
-                <path
-                  d="M12,17L7,12H10V8H14V12H17L12,17M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M5,5V19H19V5H5Z"
-                />
-              </svg>
-              
-               
-              <span
-                class="dusk-button__text"
-              >
-                Receive
-              </span>
-              
-            </button>
-             
-          </li>
-        </menu>
-        
-      </div>
-    </div>
-  </article>
+      </li>
+    </ul>
+  </nav>
+   
+  <span>
+    some text
+  </span>
    
   <article
     class="transactions svelte-mwi4ip"
@@ -383,731 +97,55 @@ exports[`Dashboard > should render a card when there is an error getting transac
        
     </div>
   </article>
+  
 </div>
 `;
 
-exports[`Dashboard > should render the dashboard page and show a throbber while transactions are loading 1`] = `
-<div
-  class="dashboard-content svelte-dg99fr"
->
-  <h2
-    class="sr-only"
-  >
-    Dashboard
-  </h2>
-   
-   
-  <div
-    class="address-picker"
-  >
-    <div
-      aria-expanded="false"
-      aria-haspopup="true"
-      class="address-picker__trigger"
-      role="button"
-      tabindex="0"
-    >
-      <button
-        class="dusk-button dusk-button--type--button dusk-button--variant--secondary dusk-button--size--default dusk-icon-button"
-        disabled=""
-        type="button"
-      >
-        <svg
-          class="dusk-icon dusk-icon--size--default dusk-button__icon"
-          role="graphics-symbol"
-          viewBox="0 0 24 24"
-        >
-          <path
-            d="M21,9L17,5V8H10V10H17V13M7,11L3,15L7,19V16H14V14H7V11Z"
-          />
-        </svg>
-        
-         
-        
-      </button>
-       
-      <p
-        class="address-picker__current-address"
-      >
-        2087290d3dc213d43e493f03f5435f99
-      </p>
-       
-      <button
-        aria-label="Copy Address"
-        class="dusk-button dusk-button--type--button dusk-button--variant--secondary dusk-button--size--default dusk-icon-button address-picker__copy-address-button"
-        type="button"
-      >
-        <svg
-          class="dusk-icon dusk-icon--size--default dusk-button__icon"
-          role="graphics-symbol"
-          viewBox="0 0 24 24"
-        >
-          <path
-            d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"
-          />
-        </svg>
-        
-         
-        
-      </button>
-    </div>
-     
-  </div>
-   
-  <article
-    class="dusk-balance"
-  >
-    <header
-      class="dusk-balance__header"
-    >
-      <h2>
-        Your Balance:
-      </h2>
-    </header>
-     
-    <p
-      class="dusk-balance__dusk"
-    >
-      <strong>
-        2,345.000000000
-      </strong>
-       
-      <svg
-        class="dusk-icon dusk-icon--size--default dusk-balance__icon"
-        data-tooltip-id="balance-tooltip"
-        data-tooltip-place="right"
-        data-tooltip-text="DUSK"
-        role="graphics-symbol"
-        viewBox="0 0 24 24"
-      >
-        <path
-          d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
-        />
-      </svg>
-      
-    </p>
-     
-    <p
-      class="dusk-balance__fiat"
-    >
-      <strong>
-        (
-        $0.00
-        )
-      </strong>
-    </p>
-     
-     
-    <div
-      aria-hidden="true"
-      class="dusk-tooltip dusk-tooltip-top dusk-tooltip-info"
-      id="balance-tooltip"
-      role="tooltip"
-      style="left: 0px; top: 0px;"
-    >
-      
-    </div>
-  </article>
-   
+exports[`Dashboard > should render the dashboard page with the transactions after they are loaded 1`] = `
+<div>
    
-  <article
-    class="tabs"
+  <nav
+    class="dashboard-nav svelte-5szabu"
   >
-    <div
-      class="dusk-tabs"
+    <ul
+      class="dashboard-nav-list svelte-5szabu"
     >
-      <button
-        class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button dusk-tab-scroll-button"
-        disabled=""
-        hidden="true"
-        tabindex="-1"
-        type="button"
-      >
-        <svg
-          class="dusk-icon dusk-icon--size--default dusk-button__icon"
-          role="graphics-symbol"
-          viewBox="0 0 24 24"
-        >
-          <path
-            d="M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z"
-          />
-        </svg>
-        
-         
-        
-      </button>
-       
-      <ul
-        class="dusk-tabs-list"
-        role="tablist"
-      >
-        <li
-          aria-selected="true"
-          class="dusk-tab-item dusk-tab-item__selected"
-          data-tabid="transfer"
-          role="tab"
-          tabindex="0"
+      <li>
+        <a
+          class="dusk-anchor dusk-anchor--on-surface dashboard-nav-list__item"
+          href="transfer"
         >
-          <svg
-            class="dusk-icon dusk-icon--size--default"
-            role="graphics-symbol"
-            viewBox="0 0 24 24"
-          >
-            <path
-              d="M9,3L5,7H8V14H10V7H13M16,17V10H14V17H11L15,21L19,17H16Z"
-            />
-          </svg>
-          
-           
           <span
-            class="dusk-tab-label"
+            class="dashboard-nav-item-label svelte-5szabu"
           >
             Transact
           </span>
-          
            
-        </li>
-        <li
-          aria-selected="false"
-          class="dusk-tab-item"
-          data-tabid="staking"
-          role="tab"
-          tabindex="0"
-        >
-          <svg
-            class="dusk-icon dusk-icon--size--default"
-            role="graphics-symbol"
-            viewBox="0 0 24 24"
-          >
-            <path
-              d="M12 3C7.58 3 4 4.79 4 7V17C4 19.21 7.59 21 12 21S20 19.21 20 17V7C20 4.79 16.42 3 12 3M18 17C18 17.5 15.87 19 12 19S6 17.5 6 17V14.77C7.61 15.55 9.72 16 12 16S16.39 15.55 18 14.77V17M18 12.45C16.7 13.4 14.42 14 12 14C9.58 14 7.3 13.4 6 12.45V9.64C7.47 10.47 9.61 11 12 11C14.39 11 16.53 10.47 18 9.64V12.45M12 9C8.13 9 6 7.5 6 7S8.13 5 12 5C15.87 5 18 6.5 18 7S15.87 9 12 9Z"
-            />
-          </svg>
           
-           
-          <span
-            class="dusk-tab-label"
-          >
-            Stake
-          </span>
-          
-           
-        </li>
-      </ul>
-       
-      <button
-        class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button dusk-tab-scroll-button"
-        disabled=""
-        hidden="true"
-        tabindex="-1"
-        type="button"
-      >
-        <svg
-          class="dusk-icon dusk-icon--size--default dusk-button__icon"
-          role="graphics-symbol"
-          viewBox="0 0 24 24"
-        >
-          <path
-            d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"
-          />
-        </svg>
-        
-         
-        
-      </button>
-    </div>
-     
-    <div
-      class="tabs__panel svelte-dg99fr tabs__panel--first"
-    >
-      <div
-        class="tabs__contract svelte-dg99fr"
-      >
-        <dl
-          class="contract-statuses svelte-19157rx"
-        >
-          <dt
-            class="contract-statuses__label svelte-19157rx"
-          >
-            Spendable
-             
-          </dt>
-          <dd
-            class="contract-statuses__value svelte-19157rx"
-          >
-            <span>
-              50,000.000000000
-            </span>
-             
-            <svg
-              class="dusk-icon dusk-icon--size--default contract-statuses__icon"
-              data-tooltip-id="main-tooltip"
-              data-tooltip-text="DUSK"
-              role="graphics-symbol"
-              viewBox="0 0 24 24"
-            >
-              <path
-                d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
-              />
-            </svg>
-            
-             
-          </dd>
-        </dl>
-         
-        <menu
-          class="contract-operations svelte-1v0rjcd"
-        >
-          <li
-            class="contract-operations__operation svelte-1v0rjcd"
-          >
-            <button
-              class="dusk-button dusk-button--type--button dusk-button--variant--primary dusk-button--size--default dusk-icon-button--labeled contract-operations__operation-button"
-              type="button"
-            >
-              <svg
-                class="dusk-icon dusk-icon--size--default dusk-button__icon"
-                role="graphics-symbol"
-                viewBox="0 0 24 24"
-              >
-                <path
-                  d="M12,7L17,12H14V16H10V12H7L12,7M19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21M19,19V5H5V19H19Z"
-                />
-              </svg>
-              
-               
-              <span
-                class="dusk-button__text"
-              >
-                Send
-              </span>
-              
-            </button>
-             
-          </li>
-          <li
-            class="contract-operations__operation svelte-1v0rjcd"
-          >
-            <button
-              class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button--labeled contract-operations__operation-button"
-              type="button"
-            >
-              <svg
-                class="dusk-icon dusk-icon--size--default dusk-button__icon"
-                role="graphics-symbol"
-                viewBox="0 0 24 24"
-              >
-                <path
-                  d="M12,17L7,12H10V8H14V12H17L12,17M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M5,5V19H19V5H5Z"
-                />
-              </svg>
-              
-               
-              <span
-                class="dusk-button__text"
-              >
-                Receive
-              </span>
-              
-            </button>
-             
-          </li>
-        </menu>
-        
-      </div>
-    </div>
-  </article>
-   
-  <article
-    class="transactions svelte-mwi4ip"
-  >
-    <header
-      class="transactions__header svelte-mwi4ip"
-    >
-      <h3
-        class="h4"
-      >
-        Transactions
-      </h3>
-       
-      <a
-        aria-disabled="false"
-        class="dusk-anchor dusk-anchor--on-surface dusk-anchor-button dusk-anchor-button--variant--primary dusk-anchor-button--size--default transactions__footer-button"
-        href="/some-base-path/dashboard/transactions"
-      >
-        <span
-          class="dusk-anchor-button__text"
-        >
-          All transactions
-        </span>
-        
-      </a>
-    </header>
-     
-    <div
-      class="dusk-suspense transactions-list__container"
-    >
-      <div
-        class="transactions-list__loading-container"
-      >
-        <svg
-          class="dusk-throbber"
-          height="64px"
-          role="progressbar"
-          viewBox="0 0 128 128"
-          width="64px"
-        >
-          <g>
-            <path
-              d="M75.4 126.63a11.43 11.43 0 0 1-2.1-22.65 40.9 40.9 0 0 0 30.5-30.6 11.4 11.4 0 1 1 22.27 4.87h.02a63.77 63.77 0 0 1-47.8 48.05v-.02a11.38 11.38 0 0 1-2.93.37z"
-            />
-            <animatetransform
-              attributeName="transform"
-              dur="1800ms"
-              from="0 64 64"
-              repeatCount="indefinite"
-              to="360 64 64"
-              type="rotate"
-            />
-          </g>
-        </svg>
-      </div>
-    </div>
-  </article>
-</div>
-`;
-
-exports[`Dashboard > should render the dashboard page with the transactions after they are loaded 1`] = `
-<div
-  class="dashboard-content svelte-dg99fr"
->
-  <h2
-    class="sr-only"
-  >
-    Dashboard
-  </h2>
-   
-   
-  <div
-    class="address-picker"
-  >
-    <div
-      aria-expanded="false"
-      aria-haspopup="true"
-      class="address-picker__trigger"
-      role="button"
-      tabindex="0"
-    >
-      <button
-        class="dusk-button dusk-button--type--button dusk-button--variant--secondary dusk-button--size--default dusk-icon-button"
-        disabled=""
-        type="button"
-      >
-        <svg
-          class="dusk-icon dusk-icon--size--default dusk-button__icon"
-          role="graphics-symbol"
-          viewBox="0 0 24 24"
-        >
-          <path
-            d="M21,9L17,5V8H10V10H17V13M7,11L3,15L7,19V16H14V14H7V11Z"
-          />
-        </svg>
-        
-         
-        
-      </button>
-       
-      <p
-        class="address-picker__current-address"
-      >
-        2087290d3dc213d43e493f03f5435f99
-      </p>
-       
-      <button
-        aria-label="Copy Address"
-        class="dusk-button dusk-button--type--button dusk-button--variant--secondary dusk-button--size--default dusk-icon-button address-picker__copy-address-button"
-        type="button"
-      >
-        <svg
-          class="dusk-icon dusk-icon--size--default dusk-button__icon"
-          role="graphics-symbol"
-          viewBox="0 0 24 24"
-        >
-          <path
-            d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"
-          />
-        </svg>
-        
-         
-        
-      </button>
-    </div>
-     
-  </div>
-   
-  <article
-    class="dusk-balance"
-  >
-    <header
-      class="dusk-balance__header"
-    >
-      <h2>
-        Your Balance:
-      </h2>
-    </header>
-     
-    <p
-      class="dusk-balance__dusk"
-    >
-      <strong>
-        2,345.000000000
-      </strong>
-       
-      <svg
-        class="dusk-icon dusk-icon--size--default dusk-balance__icon"
-        data-tooltip-id="balance-tooltip"
-        data-tooltip-place="right"
-        data-tooltip-text="DUSK"
-        role="graphics-symbol"
-        viewBox="0 0 24 24"
-      >
-        <path
-          d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
-        />
-      </svg>
-      
-    </p>
-     
-    <p
-      class="dusk-balance__fiat dusk-balance__fiat--visible"
-    >
-      <strong>
-        (
-        $1,172.50
-        )
-      </strong>
-    </p>
-     
-     
-    <div
-      aria-hidden="true"
-      class="dusk-tooltip dusk-tooltip-top dusk-tooltip-info"
-      id="balance-tooltip"
-      role="tooltip"
-      style="left: 0px; top: 0px;"
-    >
-      
-    </div>
-  </article>
-   
-   
-  <article
-    class="tabs"
-  >
-    <div
-      class="dusk-tabs"
-    >
-      <button
-        class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button dusk-tab-scroll-button"
-        disabled=""
-        hidden="true"
-        tabindex="-1"
-        type="button"
-      >
-        <svg
-          class="dusk-icon dusk-icon--size--default dusk-button__icon"
-          role="graphics-symbol"
-          viewBox="0 0 24 24"
-        >
-          <path
-            d="M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z"
-          />
-        </svg>
-        
+        </a>
          
-        
-      </button>
-       
-      <ul
-        class="dusk-tabs-list"
-        role="tablist"
-      >
-        <li
-          aria-selected="true"
-          class="dusk-tab-item dusk-tab-item__selected"
-          data-tabid="transfer"
-          role="tab"
-          tabindex="0"
-        >
-          <svg
-            class="dusk-icon dusk-icon--size--default"
-            role="graphics-symbol"
-            viewBox="0 0 24 24"
-          >
-            <path
-              d="M9,3L5,7H8V14H10V7H13M16,17V10H14V17H11L15,21L19,17H16Z"
-            />
-          </svg>
-          
-           
-          <span
-            class="dusk-tab-label"
-          >
-            Transact
-          </span>
-          
-           
-        </li>
-        <li
-          aria-selected="false"
-          class="dusk-tab-item"
-          data-tabid="staking"
-          role="tab"
-          tabindex="0"
+      </li>
+      <li>
+        <a
+          class="dusk-anchor dusk-anchor--on-surface dashboard-nav-list__item"
+          href="staking"
         >
-          <svg
-            class="dusk-icon dusk-icon--size--default"
-            role="graphics-symbol"
-            viewBox="0 0 24 24"
-          >
-            <path
-              d="M12 3C7.58 3 4 4.79 4 7V17C4 19.21 7.59 21 12 21S20 19.21 20 17V7C20 4.79 16.42 3 12 3M18 17C18 17.5 15.87 19 12 19S6 17.5 6 17V14.77C7.61 15.55 9.72 16 12 16S16.39 15.55 18 14.77V17M18 12.45C16.7 13.4 14.42 14 12 14C9.58 14 7.3 13.4 6 12.45V9.64C7.47 10.47 9.61 11 12 11C14.39 11 16.53 10.47 18 9.64V12.45M12 9C8.13 9 6 7.5 6 7S8.13 5 12 5C15.87 5 18 6.5 18 7S15.87 9 12 9Z"
-            />
-          </svg>
-          
-           
           <span
-            class="dusk-tab-label"
+            class="dashboard-nav-item-label svelte-5szabu"
           >
             Stake
           </span>
-          
            
-        </li>
-      </ul>
-       
-      <button
-        class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button dusk-tab-scroll-button"
-        disabled=""
-        hidden="true"
-        tabindex="-1"
-        type="button"
-      >
-        <svg
-          class="dusk-icon dusk-icon--size--default dusk-button__icon"
-          role="graphics-symbol"
-          viewBox="0 0 24 24"
-        >
-          <path
-            d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"
-          />
-        </svg>
-        
-         
-        
-      </button>
-    </div>
-     
-    <div
-      class="tabs__panel svelte-dg99fr tabs__panel--first"
-    >
-      <div
-        class="tabs__contract svelte-dg99fr"
-      >
-        <dl
-          class="contract-statuses svelte-19157rx"
-        >
-          <dt
-            class="contract-statuses__label svelte-19157rx"
-          >
-            Spendable
-             
-          </dt>
-          <dd
-            class="contract-statuses__value svelte-19157rx"
-          >
-            <span>
-              50,000.000000000
-            </span>
-             
-            <svg
-              class="dusk-icon dusk-icon--size--default contract-statuses__icon"
-              data-tooltip-id="main-tooltip"
-              data-tooltip-text="DUSK"
-              role="graphics-symbol"
-              viewBox="0 0 24 24"
-            >
-              <path
-                d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
-              />
-            </svg>
-            
-             
-          </dd>
-        </dl>
+          
+        </a>
          
-        <menu
-          class="contract-operations svelte-1v0rjcd"
-        >
-          <li
-            class="contract-operations__operation svelte-1v0rjcd"
-          >
-            <button
-              class="dusk-button dusk-button--type--button dusk-button--variant--primary dusk-button--size--default dusk-icon-button--labeled contract-operations__operation-button"
-              type="button"
-            >
-              <svg
-                class="dusk-icon dusk-icon--size--default dusk-button__icon"
-                role="graphics-symbol"
-                viewBox="0 0 24 24"
-              >
-                <path
-                  d="M12,7L17,12H14V16H10V12H7L12,7M19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21M19,19V5H5V19H19Z"
-                />
-              </svg>
-              
-               
-              <span
-                class="dusk-button__text"
-              >
-                Send
-              </span>
-              
-            </button>
-             
-          </li>
-          <li
-            class="contract-operations__operation svelte-1v0rjcd"
-          >
-            <button
-              class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--default dusk-icon-button--labeled contract-operations__operation-button"
-              type="button"
-            >
-              <svg
-                class="dusk-icon dusk-icon--size--default dusk-button__icon"
-                role="graphics-symbol"
-                viewBox="0 0 24 24"
-              >
-                <path
-                  d="M12,17L7,12H10V8H14V12H17L12,17M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M5,5V19H19V5H5Z"
-                />
-              </svg>
-              
-               
-              <span
-                class="dusk-button__text"
-              >
-                Receive
-              </span>
-              
-            </button>
-             
-          </li>
-        </menu>
-        
-      </div>
-    </div>
-  </article>
+      </li>
+    </ul>
+  </nav>
+   
+  <span>
+    some text
+  </span>
    
   <article
     class="transactions svelte-mwi4ip"
@@ -1511,5 +549,6 @@ exports[`Dashboard > should render the dashboard page with the transactions afte
       
     </div>
   </article>
+  
 </div>
 `;
diff --git a/web-wallet/src/routes/(app)/dashboard/__tests__/layout.spec.js b/web-wallet/src/routes/(app)/dashboard/__tests__/layout.spec.js
index 2cf8cca076..6a5d630beb 100644
--- a/web-wallet/src/routes/(app)/dashboard/__tests__/layout.spec.js
+++ b/web-wallet/src/routes/(app)/dashboard/__tests__/layout.spec.js
@@ -7,23 +7,27 @@ import {
   it,
   vi,
 } from "vitest";
-import { act, cleanup } from "@testing-library/svelte";
+import { act, cleanup, render } from "@testing-library/svelte";
+import { get } from "svelte/store";
+import { createCurrencyFormatter } from "$lib/dusk/currency";
 
-import { renderWithSimpleContent } from "$lib/dusk/test-helpers";
 import mockedWalletStore from "../../__mocks__/mockedWalletStore";
 import Layout from "../+layout.svelte";
 import { load } from "../+layout.js";
+// import { walletStore } from "$lib/stores";
 
 vi.mock("$lib/stores", async (importOriginal) => {
-  /** @type {WalletStore} */
+  /** @type {typeof import("$lib/stores")} */
   const original = await importOriginal();
 
   return {
     ...original,
-    walletStore: mockedWalletStore,
+    walletStore: { ...original.walletStore, ...mockedWalletStore },
   };
 });
 
+vi.useFakeTimers();
+
 describe("Dashboard Layout", () => {
   /**
    * @param {Element} container
@@ -146,15 +150,40 @@ describe("Dashboard Layout", () => {
     /* eslint-enable no-extra-parens */
   });
 
+  const usdPrice = 0.5;
+  const expectedFiat = get(mockedWalletStore).balance.value * usdPrice;
+  const formatter = createCurrencyFormatter("en", "usd", 2);
+  const baseProps = {
+    data: { currentPrice: Promise.resolve({ usd: usdPrice }) },
+  };
+
   it("should render the dashboard layout", () => {
-    const { container } = renderWithSimpleContent(Layout, {});
+    const { container } = render(Layout, baseProps);
 
     expect(getStatusWrapper(container, "success")).toBeTruthy();
+    expect(container).toMatchSnapshot();
+  });
+
+  it("should render the dashboard layout and show a throbber while balance is loading", async () => {
+    const { container } = render(Layout, baseProps);
+
+    expect(container.querySelector(".dusk-balance__fiat--visible")).toBeNull();
+
     expect(container.firstChild).toMatchSnapshot();
+
+    await vi.advanceTimersToNextTimerAsync();
+
+    expect(
+      container.querySelector(".dusk-balance__fiat--visible")
+    ).toBeTruthy();
+
+    expect(container.querySelector(".dusk-balance__fiat")).toHaveTextContent(
+      formatter(expectedFiat)
+    );
   });
 
   it("should render the dashboard layout in the sync state", async () => {
-    const { container } = renderWithSimpleContent(Layout, {});
+    const { container } = render(Layout, baseProps);
 
     expect(getStatusWrapper(container, "warning")).toBeNull();
 
@@ -166,17 +195,17 @@ describe("Dashboard Layout", () => {
     });
 
     expect(getStatusWrapper(container, "warning")).toBeTruthy();
-    expect(container.firstChild).toMatchSnapshot();
+    expect(container).toMatchSnapshot();
 
     await act(() => {
-      mockedWalletStore.setMockedStoreValue({ initialState });
+      mockedWalletStore.setMockedStoreValue(initialState);
     });
 
     expect(getStatusWrapper(container, "warning")).toBeNull();
   });
 
   it("should render the dashboard layout in the error state", async () => {
-    const { container } = renderWithSimpleContent(Layout, {});
+    const { container } = render(Layout, baseProps);
     const getRetryButton = () =>
       container.querySelector(".footer__actions-button--retry");
 
@@ -192,10 +221,10 @@ describe("Dashboard Layout", () => {
 
     expect(getStatusWrapper(container, "error")).toBeTruthy();
     expect(getRetryButton()).toBeTruthy();
-    expect(container.firstChild).toMatchSnapshot();
+    expect(container).toMatchSnapshot();
 
     await act(() => {
-      mockedWalletStore.setMockedStoreValue({ initialState });
+      mockedWalletStore.setMockedStoreValue(initialState);
     });
 
     expect(getStatusWrapper(container, "error")).toBeNull();
diff --git a/web-wallet/src/routes/(app)/dashboard/__tests__/page.spec.js b/web-wallet/src/routes/(app)/dashboard/__tests__/page.spec.js
index d8d673bcb8..8548a053d7 100644
--- a/web-wallet/src/routes/(app)/dashboard/__tests__/page.spec.js
+++ b/web-wallet/src/routes/(app)/dashboard/__tests__/page.spec.js
@@ -1,10 +1,8 @@
 import { afterAll, afterEach, describe, expect, it, vi } from "vitest";
-import { cleanup, render } from "@testing-library/svelte";
-import { get } from "svelte/store";
-
+import { cleanup } from "@testing-library/svelte";
+import { renderWithSimpleContent } from "$lib/dusk/test-helpers";
 import mockedWalletStore from "../../__mocks__/mockedWalletStore";
 import { stakeInfo, transactions } from "$lib/mock-data";
-import { createCurrencyFormatter } from "$lib/dusk/currency";
 
 import Dashboard from "../+page.svelte";
 import { walletStore } from "$lib/stores";
@@ -32,37 +30,12 @@ describe("Dashboard", () => {
     vi.doUnmock("$lib/stores");
   });
 
-  const usdPrice = 0.5;
-  const expectedFiat = get(walletStore).balance.value * usdPrice;
-  const formatter = createCurrencyFormatter("en", "usd", 2);
-  const baseProps = {
-    data: { currentPrice: Promise.resolve({ usd: usdPrice }) },
-  };
-
-  it("should render the dashboard page and show a throbber while transactions are loading", async () => {
-    const { container } = render(Dashboard, baseProps);
-
-    expect(container.querySelector(".dusk-balance__fiat--visible")).toBeNull();
-
-    expect(container.firstChild).toMatchSnapshot();
-
-    await vi.advanceTimersToNextTimerAsync();
-
-    expect(
-      container.querySelector(".dusk-balance__fiat--visible")
-    ).toBeTruthy();
-
-    expect(container.querySelector(".dusk-balance__fiat")).toHaveTextContent(
-      formatter(expectedFiat)
-    );
-  });
-
   it("should render the dashboard page with the transactions after they are loaded", async () => {
-    const { container } = render(Dashboard, baseProps);
+    const { container } = renderWithSimpleContent(Dashboard, {});
 
     await vi.advanceTimersToNextTimerAsync();
 
-    expect(container.firstChild).toMatchSnapshot();
+    expect(container).toMatchSnapshot();
   });
 
   it("should render a card when there is an error getting transactions", async () => {
@@ -70,11 +43,11 @@ describe("Dashboard", () => {
     const walletSpy = vi
       .spyOn(walletStore, "getTransactionsHistory")
       .mockRejectedValue(someError);
-    const { container } = render(Dashboard, baseProps);
+    const { container } = renderWithSimpleContent(Dashboard, {});
 
     await vi.advanceTimersToNextTimerAsync();
 
-    expect(container.firstChild).toMatchSnapshot();
+    expect(container).toMatchSnapshot();
 
     walletSpy.mockRestore();
   });
diff --git a/web-wallet/src/routes/(app)/dashboard/staking/+page.svelte b/web-wallet/src/routes/(app)/dashboard/staking/+page.svelte
new file mode 100644
index 0000000000..9808ca66ce
--- /dev/null
+++ b/web-wallet/src/routes/(app)/dashboard/staking/+page.svelte
@@ -0,0 +1,37 @@
+<svelte:options immutable={true} />
+
+<script>
+  import { onDestroy } from "svelte";
+  import { StakeContract } from "$lib/containers";
+  import { contractDescriptors } from "$lib/contracts";
+  import { operationsStore, settingsStore } from "$lib/stores";
+
+  /** @param {string} id */
+  function updateOperation(id) {
+    operationsStore.update((store) => ({
+      ...store,
+      currentOperation: id,
+    }));
+  }
+
+  /**
+   * @param {keyof SettingsStoreContent} property
+   * @param {any} value
+   */
+  function updateSetting(property, value) {
+    settingsStore.update((store) => ({
+      ...store,
+      [property]: value,
+    }));
+  }
+
+  onDestroy(() => {
+    updateOperation("");
+  });
+</script>
+
+<StakeContract
+  descriptor={contractDescriptors[1]}
+  on:operationChange={({ detail }) => updateOperation(detail)}
+  on:suppressStakingNotice={() => updateSetting("hideStakingNotice", true)}
+/>
diff --git a/web-wallet/src/routes/(app)/dashboard/transactions/+page.svelte b/web-wallet/src/routes/(app)/dashboard/transactions/+page.svelte
index 0c96ea2657..3dbeccbe74 100644
--- a/web-wallet/src/routes/(app)/dashboard/transactions/+page.svelte
+++ b/web-wallet/src/routes/(app)/dashboard/transactions/+page.svelte
@@ -1,35 +1,17 @@
 <svelte:options immutable={true} />
 
 <script>
-  import { Balance, Transactions } from "$lib/components";
+  import { Transactions } from "$lib/components";
   import { settingsStore, walletStore } from "$lib/stores";
 
-  /** @type {import('./$types').PageData} */
-  export let data;
+  const { language } = $settingsStore;
 
-  /** @type {number | undefined} */
-  let fiatPrice;
-
-  const { currency, language } = $settingsStore;
-
-  data.currentPrice.then((prices) => {
-    fiatPrice = prices[currency.toLowerCase()];
-  });
-
-  $: ({ balance, isSyncing, error } = $walletStore);
+  $: ({ isSyncing, error } = $walletStore);
 </script>
 
 <div class="transactions">
   <h2 class="sr-only">Transactions</h2>
 
-  <Balance
-    fiatCurrency={currency}
-    {fiatPrice}
-    locale={language}
-    tokenCurrency="DUSK"
-    tokens={balance.value}
-  />
-
   <Transactions
     items={walletStore.getTransactionsHistory()}
     {language}
diff --git a/web-wallet/src/routes/(app)/dashboard/transactions/__tests__/__snapshots__/page.spec.js.snap b/web-wallet/src/routes/(app)/dashboard/transactions/__tests__/__snapshots__/page.spec.js.snap
index 82d7d64da0..1ac10b2230 100644
--- a/web-wallet/src/routes/(app)/dashboard/transactions/__tests__/__snapshots__/page.spec.js.snap
+++ b/web-wallet/src/routes/(app)/dashboard/transactions/__tests__/__snapshots__/page.spec.js.snap
@@ -10,61 +10,6 @@ exports[`Dashboard > should render the transactions page 1`] = `
     Transactions
   </h2>
    
-  <article
-    class="dusk-balance"
-  >
-    <header
-      class="dusk-balance__header"
-    >
-      <h2>
-        Your Balance:
-      </h2>
-    </header>
-     
-    <p
-      class="dusk-balance__dusk"
-    >
-      <strong>
-        0.000000000
-      </strong>
-       
-      <svg
-        class="dusk-icon dusk-icon--size--default dusk-balance__icon"
-        data-tooltip-id="balance-tooltip"
-        data-tooltip-place="right"
-        data-tooltip-text="DUSK"
-        role="graphics-symbol"
-        viewBox="0 0 24 24"
-      >
-        <path
-          d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
-        />
-      </svg>
-      
-    </p>
-     
-    <p
-      class="dusk-balance__fiat"
-    >
-      <strong>
-        (
-        $0.00
-        )
-      </strong>
-    </p>
-     
-     
-    <div
-      aria-hidden="true"
-      class="dusk-tooltip dusk-tooltip-top dusk-tooltip-info"
-      id="balance-tooltip"
-      role="tooltip"
-      style="left: 0px; top: 0px;"
-    >
-      
-    </div>
-  </article>
-   
   <article
     class="transactions svelte-mwi4ip"
   >
diff --git a/web-wallet/src/routes/(app)/dashboard/transactions/__tests__/page.spec.js b/web-wallet/src/routes/(app)/dashboard/transactions/__tests__/page.spec.js
index 9f4dfecc51..5f58685715 100644
--- a/web-wallet/src/routes/(app)/dashboard/transactions/__tests__/page.spec.js
+++ b/web-wallet/src/routes/(app)/dashboard/transactions/__tests__/page.spec.js
@@ -7,10 +7,10 @@ vi.useFakeTimers();
 describe("Dashboard", () => {
   afterEach(cleanup);
 
-  const currentPrice = Promise.resolve({ usd: 0.5 });
+  // const currentPrice = Promise.resolve({ usd: 0.5 });
 
   it("should render the transactions page", async () => {
-    const { container } = render(Transactions, { data: { currentPrice } });
+    const { container } = render(Transactions);
 
     await vi.advanceTimersToNextTimerAsync();
 
diff --git a/web-wallet/src/routes/(app)/dashboard/transfer/+page.svelte b/web-wallet/src/routes/(app)/dashboard/transfer/+page.svelte
new file mode 100644
index 0000000000..4bc930d8dc
--- /dev/null
+++ b/web-wallet/src/routes/(app)/dashboard/transfer/+page.svelte
@@ -0,0 +1,25 @@
+<svelte:options immutable={true} />
+
+<script>
+  import { onDestroy } from "svelte";
+  import { TransferContract } from "$lib/containers";
+  import { contractDescriptors } from "$lib/contracts";
+  import { operationsStore } from "$lib/stores";
+
+  /** @param {string} id */
+  function updateOperation(id) {
+    operationsStore.update((store) => ({
+      ...store,
+      currentOperation: id,
+    }));
+  }
+
+  onDestroy(() => {
+    updateOperation("");
+  });
+</script>
+
+<TransferContract
+  descriptor={contractDescriptors[0]}
+  on:operationChange={({ detail }) => updateOperation(detail)}
+/>