diff --git a/websrc/components/App.tsx b/websrc/components/App.tsx
index 035ef56..f772348 100644
--- a/websrc/components/App.tsx
+++ b/websrc/components/App.tsx
@@ -81,7 +81,7 @@ class App extends Component<{}, AppState> {
 
                 <Navbar bg="light" expand="lg" className="border-bottom">
                     <Navbar.Brand href="#" className={"mr-auto"}>Rustico - BfxBot</Navbar.Brand>
-                    <CurrencyDropdown active_pair={"BTC/USD"} pairs={["BTC/USD", "XMR/USD"]}/>
+                    <CurrencyDropdown active_pair={{base: "BTC", quote: "USD"}} pairs={[{base: "XMR", quote: "USD"}]}/>
                 </Navbar>
 
                 <Container fluid className="mt-2 border flex-fill d-flex">
diff --git a/websrc/types.ts b/websrc/types.ts
index 31146c8..add715e 100644
--- a/websrc/types.ts
+++ b/websrc/types.ts
@@ -32,3 +32,8 @@ export type PositionCloseMessage = {
     position_id: number,
 }
 
+export type CurrencyPair = {
+    base: string,
+    quote: string
+}
+