From ad5311908898f4a0879ac075ae9b4cdf69e4eafb Mon Sep 17 00:00:00 2001
From: Ben Phelps <ben@phelps.io>
Date: Sun, 11 Sep 2022 19:11:58 +0300
Subject: [PATCH] fix theme selector on mobile

---
 src/components/color-toggle.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/color-toggle.jsx b/src/components/color-toggle.jsx
index 024502f2a..bc16f81ef 100644
--- a/src/components/color-toggle.jsx
+++ b/src/components/color-toggle.jsx
@@ -56,7 +56,7 @@ export default function ColorToggle() {
           leaveTo="opacity-0 translate-y-1"
         >
           <Popover.Panel className="absolute -top-[75px] left-0">
-            <div className="rounded-md shadow-lg ring-1 ring-black ring-opacity-5">
+            <div className="rounded-md shadow-lg ring-1 ring-black ring-opacity-5 w-[85vw] sm:w-full">
               <div className="relative grid gap-2 p-2 grid-cols-11 bg-white/50 dark:bg-white/10 shadow-black/10 dark:shadow-black/20 rounded-md shadow-md">
                 {colors.map((color) => (
                   <button type="button" onClick={() => setColor(color)} key={color}>