diff --git a/src/components/Container.jsx b/src/components/Container.jsx
index 7ada694..3011dab 100644
--- a/src/components/Container.jsx
+++ b/src/components/Container.jsx
@@ -3,7 +3,7 @@ import clsx from 'clsx'
 export function Container({ className, ...props }) {
   return (
     <div
-      className={clsx('mx-auto bg-bg-sand max-w-7xl px-4 sm:px-6 lg:px-8', className)}
+      className={clsx('mx-auto bg-transparent max-w-7xl px-4 sm:px-6 lg:px-8', className)}
       {...props}
     />
   )
diff --git a/src/components/Logo.jsx b/src/components/Logo.jsx
index 23ad913..ba2d5ab 100644
--- a/src/components/Logo.jsx
+++ b/src/components/Logo.jsx
@@ -38,7 +38,7 @@ const SvgIcon = (props) => (
 
 export function Logo(props) {
   return (
-    <div className="bg-bg-sand px-2 py-1 rounded">
+    <div className="bg-transparent px-2 py-1 rounded">
       <SvgIcon {...props} />
     </div>
   );