diff --git a/docs/astro.config.mjs b/docs/astro.config.mjs
index e5f555a..38dbeba 100644
--- a/docs/astro.config.mjs
+++ b/docs/astro.config.mjs
@@ -3,4 +3,6 @@ import { defineConfig } from "astro/config";
 
 export default defineConfig({
 	integrations: [react()],
+	site: "https://behoney.github.io",
+	base: process.env.NODE_ENV === "production" ? "/react-geojson-map" : "/",
 });
diff --git a/docs/src/examples/DataSourceExample.tsx b/docs/src/examples/DataSourceExample.tsx
index aa6dde8..7558330 100644
--- a/docs/src/examples/DataSourceExample.tsx
+++ b/docs/src/examples/DataSourceExample.tsx
@@ -4,7 +4,7 @@ import { GeoDataSource, GeoMap } from '../../../src/lib';
 const DataSourceExample: React.FC = () => {
   return (
     <div style={{ width: '300px', height: '300px' }}>
-      <GeoMap className='w-full h-full'>
+      <GeoMap>
         <GeoDataSource url="sample.geojson" />
       </GeoMap>
     </div>
diff --git a/docs/src/examples/DefaultMapExample.tsx b/docs/src/examples/DefaultMapExample.tsx
index eaa3dd7..15ed61d 100644
--- a/docs/src/examples/DefaultMapExample.tsx
+++ b/docs/src/examples/DefaultMapExample.tsx
@@ -4,8 +4,8 @@ import { GeoDataSource, GeoMap } from '../../../src/lib';
 const DefaultMapExample: React.FC = () => {
   return (
     <div style={{ width: '300px', height: '300px' }}>
-      <GeoMap className='w-full h-full'>
-        <GeoDataSource url="https://openlayers.org/data/geojson/countries.geojson" />
+      <GeoMap>
+        <GeoDataSource url="sample.geojson" />
       </GeoMap>
     </div>
   );
diff --git a/docs/src/layouts/Layout.astro b/docs/src/layouts/Layout.astro
index 3ad14f7..b41a48d 100644
--- a/docs/src/layouts/Layout.astro
+++ b/docs/src/layouts/Layout.astro
@@ -11,7 +11,6 @@ const { title } = Astro.props;
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width" />
-    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <meta name="generator" content={Astro.generator} />
     <title>{title}</title>
     </head>
diff --git a/docs/src/pages/index.astro b/docs/src/pages/index.astro
index 8a08f0f..9a56254 100644
--- a/docs/src/pages/index.astro
+++ b/docs/src/pages/index.astro
@@ -26,14 +26,16 @@ import { GeoMap } from 'react-geojson-map';
 function App() {
   return (
   <div style="width: 300px; height: 300px;">
-    <GeoMap />
+  <GeoMap>
+    <GeoDataSource url="sample.geojson" />
+  </GeoMap>
   </div>
   );
 }
 `}
     </code>
   </pre>
-    <DefaultMapExample client:load aria-label="Map example" />
+    <DefaultMapExample client:only="react" aria-label="Map example" />
   </div>
   <p>Try it live on <a href="https://shorturl.at/7XuDN" target="_blank" rel="noopener noreferrer">StackBlitz</a></p>
 
