diff --git a/client/public/index.html b/client/public/index.html
index af3ee0c..f39c900 100644
--- a/client/public/index.html
+++ b/client/public/index.html
@@ -61,6 +61,7 @@
     <link rel="apple-touch-startup-image" media="screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="%PUBLIC_URL%/splash_screens/9.7__iPad_Pro__7.9__iPad_mini__9.7__iPad_Air__9.7__iPad_portrait.png">
     <link rel="apple-touch-startup-image" media="screen and (device-width: 744px) and (device-height: 1133px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="%PUBLIC_URL%/splash_screens/8.3__iPad_Mini_portrait.png">
     <title>The Wired</title>
+    <script src="https://kit.fontawesome.com/090ca49637.js" crossorigin="anonymous"></script>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
diff --git a/client/src/components/modals/Header.tsx b/client/src/components/modals/Header.tsx
index 43ae5ec..58618c3 100644
--- a/client/src/components/modals/Header.tsx
+++ b/client/src/components/modals/Header.tsx
@@ -4,6 +4,7 @@ import {
   HashtagIcon
 } from "@heroicons/react/24/outline";
 import { useLocation } from "react-router-dom";
+import HeaderBalance from "./Wallet/HeaderBalance";
 
 export default function Header() {
   const location = useLocation();
@@ -15,38 +16,46 @@ export default function Header() {
     <header className="mx-auto px-4 sm:px-6 lg:px-8 py-2">
       <div className="flex justify-between items-center">
         <a href="/">
-            <div className="flex items-center gap-2 max-w-60 w-full sm:max-w-none sm:w-auto">
+          <div className="flex items-center gap-2 max-w-60 w-full sm:max-w-none sm:w-auto">
             <img src="/icon.png" className="h-12" alt="logo" />
-              <span className="font-semibold text-white truncate">
-                {`~/WIRED${lastPathPart}>`}
-              </span>
+            <span className="font-semibold text-white truncate">
+              {`~/WIRED${lastPathPart}>`}
+            </span>
           </div>
         </a>
-        <div>
-        <a
-          href="/hashtags"
-          className="text-neutral-300 inline-flex gap-4 items-center pl-4"
-        >
-          <button>
-            <HashtagIcon className="h-5 w-5" />
-          </button>
-        </a>
-        <a
-          href="/notifications"
-          className="text-neutral-300 inline-flex gap-4 items-center pl-4"
-        >
-          <button>
-            <BellIcon className="h-5 w-5" />
-          </button>
-        </a>
-        <a
-          href="/settings"
-          className="text-neutral-300 inline-flex gap-4 items-center pl-4"
-        >
-          <button>
-            <Cog6ToothIcon className="h-5 w-5" />
-          </button>
-        </a>
+        <div className="flex items-center">
+          <a
+            href="/hashtags"
+            className="text-neutral-300 inline-flex gap-4 items-center pl-4"
+          >
+            <button>
+              <HashtagIcon className="h-5 w-5" />
+            </button>
+          </a>
+          <a
+            href="/notifications"
+            className="max-h-5 text-neutral-300 inline-flex gap-4 items-center pl-4"
+          >
+                        <button className="h-5 flex items-center">
+            <HeaderBalance />
+            </button>
+          </a>
+          <a
+            href="/notifications"
+            className="text-neutral-300 inline-flex gap-4 items-center pl-4"
+          >
+            <button>
+              <BellIcon className="h-5 w-5" />
+            </button>
+          </a>
+          <a
+            href="/settings"
+            className="text-neutral-300 inline-flex gap-4 items-center pl-4"
+          >
+            <button>
+              <Cog6ToothIcon className="h-5 w-5" />
+            </button>
+          </a>
         </div>
       </div>
     </header>
diff --git a/client/src/components/modals/Wallet/HeaderBalance.tsx b/client/src/components/modals/Wallet/HeaderBalance.tsx
new file mode 100644
index 0000000..8c434f9
--- /dev/null
+++ b/client/src/components/modals/Wallet/HeaderBalance.tsx
@@ -0,0 +1,7 @@
+export default function HeaderBalance() {
+    return (
+      <>
+        <span className="">0<i className="fak fa-regular"></i></span>
+      </>
+    );
+  }
\ No newline at end of file
diff --git a/client/src/components/modals/Wallet/Wallet.tsx b/client/src/components/modals/Wallet/Wallet.tsx
new file mode 100644
index 0000000..f5308e5
--- /dev/null
+++ b/client/src/components/modals/Wallet/Wallet.tsx
@@ -0,0 +1,12 @@
+export default function Wallet() {
+    return (
+    <div className="flex flex-col items-center text-2xl mx-auto mb-5">
+        <div>Wallet</div>
+        <div><span className="">0<i className="fak fa-regular"></i></span></div>
+        <div className="flex gap-4 mt-4">
+        <button className="px-4 py-2 border border-neutral-500 text-white rounded">Withdraw</button>
+        <button className="px-4 py-2 border border-neutral-500 text-white rounded">Deposit</button>
+      </div>
+    </div>
+    );
+  }
\ No newline at end of file
diff --git a/client/src/components/modals/Wallet/WalletSettings.tsx b/client/src/components/modals/Wallet/WalletSettings.tsx
new file mode 100644
index 0000000..8e791bc
--- /dev/null
+++ b/client/src/components/modals/Wallet/WalletSettings.tsx
@@ -0,0 +1,42 @@
+export default function WalletSettings() {
+    return (
+        <div className="settings-page pt-10">
+        <h1 className="text-lg font-semibold mb-4">Wallet Settings</h1>
+        <form onSubmit={(e) => {e.preventDefault();}}>
+        <div className="flex flex-wrap -mx-2 mb-4">
+          <div className="w-full md:w-1/2 px-2 mb-4">
+            <label className="block text-xs mb-2" htmlFor="mintUrls">
+              <span style={{ display: 'inline-flex', alignItems: 'center' }}>
+                Mint URLs:
+              </span>
+            </label>
+            <textarea
+              id="mintUrls"
+              className="w-full px-3 py-2 border rounded-md bg-black"
+              placeholder="Enter mint URLs, one per line"
+              rows={3}
+            />
+          </div>
+          <div className="w-full md:w-1/2 px-2 mb-4">
+            <label className="block text-xs mb-2" htmlFor="relayUrls">
+              <span style={{ display: 'inline-flex', alignItems: 'center' }}>
+                Relay URLs:
+              </span>
+            </label>
+            <textarea
+              id="relayUrls"
+              className="w-full px-3 py-2 border rounded-md bg-black"
+              placeholder="Enter relay URLs, one per line"
+              rows={3}
+            />
+          </div>
+        </div>
+        <button
+          type="submit"
+          className="bg-black border text-white font-bold py-2 px-4 rounded">
+          Save
+        </button>
+      </form>
+      </div>
+    );
+  }
\ No newline at end of file
diff --git a/client/src/components/routes/Notifications.tsx b/client/src/components/routes/Notifications.tsx
index fcfbccb..dda7746 100644
--- a/client/src/components/routes/Notifications.tsx
+++ b/client/src/components/routes/Notifications.tsx
@@ -2,6 +2,7 @@ import { useState, useCallback } from "react";
 import PostCard from "../modals/PostCard";
 import { Event } from "nostr-tools";
 import { useFetchEvents } from "../../hooks/useFetchEvents";
+import Wallet from "../modals/Wallet/Wallet";
 
 const Notifications = () => {
   const [notifsView, setNotifsView] = useState(false);
@@ -42,6 +43,7 @@ const Notifications = () => {
   // Render the component
   return (
     <main className="text-white mb-20">
+      <Wallet />
       <div className="block sm:hidden">
         <label htmlFor="toggleC" className="p-4 flex items-center cursor-pointer">
           <div className="relative">
diff --git a/client/src/components/routes/Settings.tsx b/client/src/components/routes/Settings.tsx
index 02add9b..6b8751b 100644
--- a/client/src/components/routes/Settings.tsx
+++ b/client/src/components/routes/Settings.tsx
@@ -1,6 +1,7 @@
 import React, { useState } from 'react';
 import { CpuChipIcon } from '@heroicons/react/24/outline';
 import { useNavigate } from 'react-router-dom';
+import WalletSettings from '../modals/Wallet/WalletSettings';
 
 type TestResponse = {
   timeTaken: string;
@@ -183,6 +184,7 @@ const Settings = () => {
         </button>
       </form>
       </div>
+      <WalletSettings />
       <div className="settings-page py-10">
         <h1 className="text-lg font-semibold mb-4">About <a className="hover:underline"href="https://git.getwired.app/doot/TAO">(source code)</a></h1>
         <div className="flex flex-col">
