diff --git a/package.json b/package.json
index 6660e26..c5dabe0 100644
--- a/package.json
+++ b/package.json
@@ -14,10 +14,10 @@
     "clear:vite:cache": "rm -rf node_modules/.vite/"
   },
   "dependencies": {
-    "@0xsequence/design-system": "1.2.5",
-    "@0xsequence/indexer": "1.9.19",
-    "@0xsequence/network": "1.9.19",
-    "@0xsequence/waas": "1.9.19",
+    "@0xsequence/design-system": "1.6.3",
+    "@0xsequence/indexer": "1.9.26",
+    "@0xsequence/network": "1.9.26",
+    "@0xsequence/waas": "1.9.26",
     "@react-oauth/google": "^0.11.1",
     "@vanilla-extract/css": "^1.12.0",
     "axios": "^1.6.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 8ab7c96..e86ef80 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -9,17 +9,17 @@ importers:
   .:
     dependencies:
       '@0xsequence/design-system':
-        specifier: 1.2.5
-        version: 1.2.5(@types/react-dom@18.2.7)(@types/react@18.2.15)(framer-motion@10.16.4(react-dom@18.2.0(react@18.2.0))(react@18.2.0))(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
+        specifier: 1.6.3
+        version: 1.6.3(@types/react-dom@18.2.7)(@types/react@18.2.15)(framer-motion@10.16.4(react-dom@18.2.0(react@18.2.0))(react@18.2.0))(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
       '@0xsequence/indexer':
-        specifier: 1.9.19
-        version: 1.9.19
+        specifier: 1.9.26
+        version: 1.9.26
       '@0xsequence/network':
-        specifier: 1.9.19
-        version: 1.9.19(ethers@5.7.2)
+        specifier: 1.9.26
+        version: 1.9.26(ethers@5.7.2)
       '@0xsequence/waas':
-        specifier: 1.9.19
-        version: 1.9.19(ethers@5.7.2)
+        specifier: 1.9.26
+        version: 1.9.26(ethers@5.7.2)
       '@react-oauth/google':
         specifier: ^0.11.1
         version: 0.11.1(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
@@ -90,41 +90,41 @@ importers:
 
 packages:
 
-  '@0xsequence/abi@1.9.19':
-    resolution: {integrity: sha512-IFIs+dLXn2KvGuzarYk+Dlc2z1xjiwidSYRE/gQ2oESCrcFPjS5QmZeZ1c7TvlaJtgunHhdgi05XxOZ3qcqJ6w==}
+  '@0xsequence/abi@1.9.26':
+    resolution: {integrity: sha512-/a6alRBdU87pA3iFU06epNqy8BdGPJcJVRYuTrhSSM8Ne0e/+ca2V9WHyx+5uxl/UAk5Gp/K+txWp8id6bqH8w==}
 
-  '@0xsequence/core@1.9.19':
-    resolution: {integrity: sha512-CPu2okC7gU3UcCtWI42Ea7pNGfcgKeGKrxVUHZK7yFeoTBSIJGfXVAodFFkgZWLzLG5QXTUtyZhBrvz7lv7IiA==}
+  '@0xsequence/core@1.9.26':
+    resolution: {integrity: sha512-1h3LFDJ4paJwa3mWK8BHoRLdxgAYUV5WYGAQ1c+LLDeUCMWLanBfRHYPkP2Rr778GTvx8zQFLK+b/d870beCOg==}
     peerDependencies:
       ethers: '>=5.5'
 
-  '@0xsequence/design-system@1.2.5':
-    resolution: {integrity: sha512-nmXSPX9X/quuZOAMn1lSx1rnhUBzKBft9G/A64ygd7P+pwC28mG/1iU7LbQz+PKebuSTELFbntfmucUnyjAkYA==}
+  '@0xsequence/design-system@1.6.3':
+    resolution: {integrity: sha512-to1Gpo/ilOi1Xa+O1oRx4faXBWmqhzGedkVbWHRar5PWNp+RjBaG8bm0qI2j6S7vpTVgK3pLHoiF6/0JdwMcmA==}
     peerDependencies:
       framer-motion: '>=6'
       react: '>=17'
       react-dom: '>=17'
 
-  '@0xsequence/indexer@1.9.19':
-    resolution: {integrity: sha512-e9lcWlwhZzL500Q40OWdw4yk6PSEqGhZXrIh/WLVsveJGqwvYWUcUK2ARp3Or1TMC1YOhrgY7KVa7Yto6sOa8Q==}
+  '@0xsequence/indexer@1.9.26':
+    resolution: {integrity: sha512-rAjzB03Wu3+Kzb1lagnqZZG54M228jnTD/1mvAXH6wMqpMYo+pxFPL/yAR/eT6uxuFHr6KK4PF+uR58Am0TWeg==}
 
-  '@0xsequence/network@1.9.19':
-    resolution: {integrity: sha512-TH2u9Bwht8pXdN7dvV15svzofDokV9V+b8/NnNyJoV9WP6ybqOjiKoE+w15S6G0hiyiYxhavhuOCWMp5OCuymA==}
+  '@0xsequence/network@1.9.26':
+    resolution: {integrity: sha512-GKSjmf+BqPTv2VoIO8GcViVJnig3ymfct0K12QLCfng9CJiKQa2k9LuyV2HDUhmIRglbHJKMCRDwVLrohQw+PA==}
     peerDependencies:
       ethers: '>=5.5 < 6'
 
-  '@0xsequence/relayer@1.9.19':
-    resolution: {integrity: sha512-zpyUtGHnmT2GELCNscIQ0Tl9BwTR7dfp4jFBAu/xUQYItR/8zwR/a6/zSEAFFiXOp3mA8Cj+AMV6r9BnAlaNVw==}
+  '@0xsequence/relayer@1.9.26':
+    resolution: {integrity: sha512-f4MmKBLwyuqh6IKpPXh2v/LGwDE1dEyzFxrncwWZCmqxmcKVGFxfcVdeFtzsqClWpfliwNAjESfKXf4S2+DLWw==}
     peerDependencies:
       ethers: '>=5.5 < 6'
 
-  '@0xsequence/utils@1.9.19':
-    resolution: {integrity: sha512-oZO2VMsqmloCaBUiLGGAgsIfw904QP3LEqWlpyuHxyjaiKHXa6iIncd55ZFalQ+Esa7p2EjLdlLYj1iKIY8tVg==}
+  '@0xsequence/utils@1.9.26':
+    resolution: {integrity: sha512-Wm4ZStWwZQT6R+FD8pfkd1asdX2nlQlglWm+WSKO1FAi+wCWlVyw3vOMoAwGx8XYBGDcpv6wFDsyk13UL+PT5Q==}
     peerDependencies:
       ethers: '>=5.5 < 6'
 
-  '@0xsequence/waas@1.9.19':
-    resolution: {integrity: sha512-qB38qOIcbE5bAuv3xML5EvRQsTnvXiQdjsaBSLwdCJ1tkWbljPoFRp6JCc+D41MX8FY7raDqQxzmeXEvwnlRGg==}
+  '@0xsequence/waas@1.9.26':
+    resolution: {integrity: sha512-u49s8soGsnU9RMkQznRCB5L0epPgehkkFOcXXyiAKN7XS2p7T2haTJ8Xzz/zTPDq0eTbzUaVCuhh3GKb6Ek98A==}
     peerDependencies:
       ethers: '>=5.5'
 
@@ -2513,14 +2513,14 @@ packages:
 
 snapshots:
 
-  '@0xsequence/abi@1.9.19': {}
+  '@0xsequence/abi@1.9.26': {}
 
-  '@0xsequence/core@1.9.19(ethers@5.7.2)':
+  '@0xsequence/core@1.9.26(ethers@5.7.2)':
     dependencies:
-      '@0xsequence/abi': 1.9.19
+      '@0xsequence/abi': 1.9.26
       ethers: 5.7.2
 
-  '@0xsequence/design-system@1.2.5(@types/react-dom@18.2.7)(@types/react@18.2.15)(framer-motion@10.16.4(react-dom@18.2.0(react@18.2.0))(react@18.2.0))(react-dom@18.2.0(react@18.2.0))(react@18.2.0)':
+  '@0xsequence/design-system@1.6.3(@types/react-dom@18.2.7)(@types/react@18.2.15)(framer-motion@10.16.4(react-dom@18.2.0(react@18.2.0))(react@18.2.0))(react-dom@18.2.0(react@18.2.0))(react@18.2.0)':
     dependencies:
       '@radix-ui/react-aspect-ratio': 1.0.3(@types/react-dom@18.2.7)(@types/react@18.2.15)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
       '@radix-ui/react-checkbox': 1.0.4(@types/react-dom@18.2.7)(@types/react@18.2.15)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
@@ -2542,31 +2542,31 @@ snapshots:
       - '@types/react'
       - '@types/react-dom'
 
-  '@0xsequence/indexer@1.9.19': {}
+  '@0xsequence/indexer@1.9.26': {}
 
-  '@0xsequence/network@1.9.19(ethers@5.7.2)':
+  '@0xsequence/network@1.9.26(ethers@5.7.2)':
     dependencies:
-      '@0xsequence/core': 1.9.19(ethers@5.7.2)
-      '@0xsequence/indexer': 1.9.19
-      '@0xsequence/relayer': 1.9.19(ethers@5.7.2)
-      '@0xsequence/utils': 1.9.19(ethers@5.7.2)
+      '@0xsequence/core': 1.9.26(ethers@5.7.2)
+      '@0xsequence/indexer': 1.9.26
+      '@0xsequence/relayer': 1.9.26(ethers@5.7.2)
+      '@0xsequence/utils': 1.9.26(ethers@5.7.2)
       ethers: 5.7.2
 
-  '@0xsequence/relayer@1.9.19(ethers@5.7.2)':
+  '@0xsequence/relayer@1.9.26(ethers@5.7.2)':
     dependencies:
-      '@0xsequence/abi': 1.9.19
-      '@0xsequence/core': 1.9.19(ethers@5.7.2)
-      '@0xsequence/utils': 1.9.19(ethers@5.7.2)
+      '@0xsequence/abi': 1.9.26
+      '@0xsequence/core': 1.9.26(ethers@5.7.2)
+      '@0xsequence/utils': 1.9.26(ethers@5.7.2)
       ethers: 5.7.2
 
-  '@0xsequence/utils@1.9.19(ethers@5.7.2)':
+  '@0xsequence/utils@1.9.26(ethers@5.7.2)':
     dependencies:
       ethers: 5.7.2
       js-base64: 3.7.7
 
-  '@0xsequence/waas@1.9.19(ethers@5.7.2)':
+  '@0xsequence/waas@1.9.26(ethers@5.7.2)':
     dependencies:
-      '@0xsequence/network': 1.9.19(ethers@5.7.2)
+      '@0xsequence/network': 1.9.26(ethers@5.7.2)
       '@aws-sdk/client-cognito-identity-provider': 3.533.0
       ethers: 5.7.2
       idb: 7.1.1
diff --git a/src/Login.tsx b/src/Login.tsx
index 621ab35..78b0ed3 100644
--- a/src/Login.tsx
+++ b/src/Login.tsx
@@ -1,4 +1,4 @@
-import { Box, Text, TextInput, Button, Spinner } from '@0xsequence/design-system'
+import { Box, Text, TextInput, Button, Spinner, useTheme } from '@0xsequence/design-system'
 import { SetStateAction, useEffect, useRef, useState } from 'react'
 
 import { router, sequence } from './main'
@@ -19,6 +19,7 @@ function Login() {
   const [showEmailWarning, setEmailWarning] = useState(false)
   const [code, setCode] = useState<string[]>([])
   const [signingIn, setSigningIn] = useState(false)
+  const { theme, setTheme } = useTheme()
 
   const {
       inProgress: emailAuthInProgress,
@@ -67,6 +68,10 @@ function Login() {
         <Logo />
       </Box>
 
+      <Box>
+        <Button variant="primary" label="Change theme" onClick={() => setTheme(theme === 'dark' ? 'light' : 'dark')} />
+      </Box>
+
       <Box>
         <Text variant="large" color="text100" fontWeight="bold">
           Email Login
diff --git a/src/main.css b/src/main.css
new file mode 100644
index 0000000..4d357aa
--- /dev/null
+++ b/src/main.css
@@ -0,0 +1,9 @@
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  background: var(--seq-colors-background-primary);
+}
diff --git a/src/main.tsx b/src/main.tsx
index cac7c31..a461d90 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -9,32 +9,34 @@ import { GoogleOAuthProvider } from '@react-oauth/google'
 import { SequenceWaaS } from '@0xsequence/waas'
 import App from './App.tsx'
 import { ethers } from 'ethers'
-import { defaults, ExtendedSequenceConfig } from '@0xsequence/waas'
-import { base64 } from "ethers/lib/utils";
+import './main.css'
 
 const GOOGLE_CLIENT_ID = import.meta.env.VITE_GOOGLE_CLIENT_ID
 const SEQUENCE_PROJECT_ACCESS_KEY = import.meta.env.VITE_SEQUENCE_PROJECT_ACCESS_KEY
 const SEQUENCE_WAAS_CONFIG_KEY = import.meta.env.VITE_SEQUENCE_WAAS_CONFIG_KEY
+const SEQUENCE_PROJECT_ACCESS_KEY_DEV = import.meta.env.VITE_SEQUENCE_PROJECT_ACCESS_KEY_DEV
+const SEQUENCE_WAAS_CONFIG_KEY_DEV = import.meta.env.VITE_SEQUENCE_WAAS_CONFIG_KEY_DEV
 
 export const node = new ethers.providers.JsonRpcProvider('https://nodes.sequence.app/polygon')
 
 const urlParams = new URLSearchParams(window.location.search)
-const projectAccessKey = urlParams.get('projectAccessKey') ?? SEQUENCE_PROJECT_ACCESS_KEY
-const waasConfigKey = urlParams.get('waasConfigKey') ?? SEQUENCE_WAAS_CONFIG_KEY
-const preset = extendedSequenceConfigFromBase64(urlParams.get('preset') ?? "") ?? defaults.TEST
-
-function extendedSequenceConfigFromBase64(config: string): ExtendedSequenceConfig | undefined {
-  if (config === "") {
-    return undefined
-  }
-  return JSON.parse(new TextDecoder().decode(base64.decode(config))) as unknown as ExtendedSequenceConfig
+const targetEnv = urlParams.get('env') ?? 'prod'
+let projectAccessKey = urlParams.get('projectAccessKey') ?? SEQUENCE_PROJECT_ACCESS_KEY
+let waasConfigKey = urlParams.get('waasConfigKey') ?? SEQUENCE_WAAS_CONFIG_KEY
+
+if (targetEnv === 'dev') {
+  console.log('Using dev environment')
+  console.log(`Project Access Key: ${SEQUENCE_PROJECT_ACCESS_KEY_DEV}`)
+  console.log(`Waas Config Key: ${SEQUENCE_WAAS_CONFIG_KEY_DEV}`)
+  projectAccessKey = SEQUENCE_PROJECT_ACCESS_KEY_DEV
+  waasConfigKey = SEQUENCE_WAAS_CONFIG_KEY_DEV
 }
 
 export const sequence = new SequenceWaaS({
   network: 'polygon',
   projectAccessKey: projectAccessKey,
   waasConfigKey: waasConfigKey,
-}, preset)
+})
 
 export const router = createHashRouter([
   {
diff --git a/src/utils/useEmailAuth.ts b/src/utils/useEmailAuth.ts
index ee14886..3b201f5 100644
--- a/src/utils/useEmailAuth.ts
+++ b/src/utils/useEmailAuth.ts
@@ -16,6 +16,7 @@ export function useEmailAuth({ onSuccess }: { onSuccess: (idToken: string) => vo
       setInstance(instance)
       setEmail(email)
     } catch (e: any) {
+      console.error(e)
       setError(e.message || "Unknown error")
     } finally {
       setLoading(false)