diff --git a/README.md b/README.md
index 48af1ee1..5ee8bfe0 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,4 @@
-![go.skip.build](https://github.com/skip-mev/skip-go-app/blob/staging/public/social.png?raw=true)
+![go.skip.build](https://github.com/skip-mev/skip-go-app/blob/staging/public/social-thumbnail.png?raw=true)
 
 # Skip Go App
 
diff --git a/public/social-thumbnail.png b/public/social-thumbnail.png
new file mode 100644
index 00000000..dd32c7ac
Binary files /dev/null and b/public/social-thumbnail.png differ
diff --git a/public/social.png b/public/social.png
deleted file mode 100644
index dcdebc33..00000000
Binary files a/public/social.png and /dev/null differ
diff --git a/src/components/DefaultSeo.tsx b/src/components/DefaultSeo.tsx
index 757f2607..4a993dc4 100644
--- a/src/components/DefaultSeo.tsx
+++ b/src/components/DefaultSeo.tsx
@@ -15,7 +15,7 @@ export function DefaultSeo(props: DefaultSeoProps) {
         description: metadata.description,
         type: "website",
         site_name: metadata.name,
-        images: [{ url: `${metadata.url}/social.png` }],
+        images: [{ url: `${metadata.url}/social-thumbnail.png` }],
       }}
       twitter={{
         cardType: "summary_large_image",
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index 7c311c59..b94bc748 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -2,22 +2,21 @@ import "@/styles/globals.css";
 
 import { Analytics } from "@vercel/analytics/react";
 import { AppProps } from "next/app";
-import { SwapWidgetProvider } from "widgetv1";
 
 import { DefaultSeo } from "@/components/DefaultSeo";
-import { apiURL, endpointOptions } from "@/lib/skip-go-widget";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import React from "react";
 
 export default function App({ Component, pageProps }: AppProps) {
+  const [queryClient] = React.useState(() => new QueryClient());
+
   return (
     <>
       <DefaultSeo />
       <Analytics />
-      <SwapWidgetProvider
-        endpointOptions={endpointOptions}
-        apiURL={apiURL}
-      >
+      <QueryClientProvider client={queryClient}>
         <Component {...pageProps} />
-      </SwapWidgetProvider>
+      </QueryClientProvider>
     </>
   );
 }
diff --git a/src/pages/widget.tsx b/src/pages/widget.tsx
index b92b3845..0ce2cc16 100644
--- a/src/pages/widget.tsx
+++ b/src/pages/widget.tsx
@@ -1,26 +1,33 @@
 import { SwapWidgetWithoutProviders } from "widgetv1";
 
 import { useURLQueryParams } from "@/hooks/useURLQueryParams";
+import { SwapWidgetProvider } from "widgetv1";
+import { apiURL, endpointOptions } from "@/lib/skip-go-widget";
 
 export default function WidgetPage() {
   const defaultRoute = useURLQueryParams();
   return (
-    <div className="relative bg-white p-6 scrollbar-hide">
-      <SwapWidgetWithoutProviders
-        className=""
-        defaultRoute={{
-          srcChainID: defaultRoute?.srcChainId,
-          srcAssetDenom: defaultRoute?.srcAssetDenom,
-          destChainID: defaultRoute?.destChainId,
-          destAssetDenom: defaultRoute?.destAssetDenom,
-          amountIn: Number(defaultRoute?.amountIn),
-          amountOut: Number(defaultRoute?.amountOut),
-        }}
-        settings={{
-          slippage: 3,
-        }}
-        onlyTestnet={process.env.NEXT_PUBLIC_IS_TESTNET ? true : false}
-      />
-    </div>
+    <SwapWidgetProvider
+      endpointOptions={endpointOptions}
+      apiURL={apiURL}
+    >
+      <div className="relative bg-white p-6 scrollbar-hide">
+        <SwapWidgetWithoutProviders
+          className=""
+          defaultRoute={{
+            srcChainID: defaultRoute?.srcChainId,
+            srcAssetDenom: defaultRoute?.srcAssetDenom,
+            destChainID: defaultRoute?.destChainId,
+            destAssetDenom: defaultRoute?.destAssetDenom,
+            amountIn: Number(defaultRoute?.amountIn),
+            amountOut: Number(defaultRoute?.amountOut),
+          }}
+          settings={{
+            slippage: 3,
+          }}
+          onlyTestnet={process.env.NEXT_PUBLIC_IS_TESTNET ? true : false}
+        />
+      </div>
+    </SwapWidgetProvider>
   );
 }