diff --git a/src/pages/shop/_trackers.svelte b/src/pages/shop/_trackers.svelte
index 7243435..66541f1 100644
--- a/src/pages/shop/_trackers.svelte
+++ b/src/pages/shop/_trackers.svelte
@@ -20,29 +20,33 @@
   <div class="justify-self-start flex flex-col w-full col-start-4">
     <div>Tracker</div>
     <div>NRF52840 + ICM45856</div>
-    <div class="flex">
-      <div>200DKK</div>
-      <div>20GBP</div>
-      <div>25USD</div>
-    </div>
-    <div class="flex join">
-      <button
-        class="join-item btn btn-primary"
-        on:click={() => {
-          cart.trackers--;
-          sanityCheck();
-        }}>-</button
-      >
-      <div class="join-item input input-disable cursor-default">
-        {cart.trackers}
+    <div class="flex items-center gap-4">
+      <div class="flex flex-col">
+        <div>200DKK</div>
+        <div class="flex text-sm">
+          <div>20GBP</div>
+          <div>25USD</div>
+        </div>
+      </div>
+      <div class="flex join">
+        <button
+          class="join-item btn btn-xs btn-primary"
+          on:click={() => {
+            cart.trackers--;
+            sanityCheck();
+          }}>-</button
+        >
+        <div class="join-item input input-xs input-disable cursor-default">
+          {cart.trackers}
+        </div>
+        <button
+          class="join-item btn btn-xs btn-primary"
+          on:click={() => {
+            cart.trackers++;
+            sanityCheck();
+          }}>+</button
+        >
       </div>
-      <button
-        class="join-item btn btn-primary"
-        on:click={() => {
-          cart.trackers++;
-          sanityCheck();
-        }}>+</button
-      >
     </div>
   </div>
 </div>
diff --git a/src/ts/Misc/CurrencyConvert.ts b/src/ts/Misc/CurrencyConvert.ts
new file mode 100644
index 0000000..d5670f7
--- /dev/null
+++ b/src/ts/Misc/CurrencyConvert.ts
@@ -0,0 +1,20 @@
+import pb from "@ts/api/api";
+import type { ValueData } from "./ValueData";
+
+export class CurrencyConvert {
+  valueData: ValueData | undefined = undefined;
+
+  constructor() {}
+
+  static async RetreiveCurrencyData(): Promise<ValueData> {
+    const item = await pb.collection("misc").getFirstListItem(`ref="currency"`);
+    return ShopItem.fromJSON(item);
+  }
+
+  // DKK: baller
+  // target: ISO short thing. Fx. "EUR", "USD"
+  // Returns: Target equilavent
+  static async To(dkk: number, target: string): Promise<undefined | number> {
+    return undefined;
+  }
+}
diff --git a/src/ts/Misc/ValueData.ts b/src/ts/Misc/ValueData.ts
new file mode 100644
index 0000000..a358b73
--- /dev/null
+++ b/src/ts/Misc/ValueData.ts
@@ -0,0 +1,10 @@
+// iso: "USD", "EUR"
+// value: What it is worth compared to 1 DKK
+interface DkkRelativeEqualivant {
+  iso: string;
+  value: number;
+}
+
+export interface ValueData {
+  data: DkkRelativeEqualivant[];
+}
diff --git a/src/ts/api/api.ts b/src/ts/api/api.ts
index 34b95d4..23eaad5 100644
--- a/src/ts/api/api.ts
+++ b/src/ts/api/api.ts
@@ -6,6 +6,7 @@ import ShopItem from "./classes/ShopItem";
 const PUBLIC_POCKET_URL = "https://pocket.deprived.dev/";
 
 export let pb = new PocketBase(PUBLIC_POCKET_URL);
+export default pb;
 
 console.log(PUBLIC_POCKET_URL);