diff --git a/src/components/FloatingChatButton.tsx b/src/components/FloatingChatButton.tsx
index 8ae55be..7c7b847 100644
--- a/src/components/FloatingChatButton.tsx
+++ b/src/components/FloatingChatButton.tsx
@@ -11,7 +11,7 @@ export default function () {
   return (
     <>
       <button
-        className="flex items-center justify-center rounded-full disabled:bg-opacity-40 bg-primary-bright hover:bg-primary-dark active:bg-hat drop-shadow-xl transition-colors fixed left-4 md:left-10 bottom-5 h-12 w-10 md:h-24 md:w-20 md:text-4xl"
+        className="flex items-center z-20 justify-center rounded-full disabled:bg-opacity-40 bg-primary-bright hover:bg-primary-dark active:bg-hat drop-shadow-xl transition-colors fixed left-4 md:left-10 bottom-5 h-12 w-10 md:h-24 md:w-20 md:text-4xl"
         onClick={() => setModalOpen(true)}
       >
         💬
diff --git a/src/components/FloatingGmButton.tsx b/src/components/FloatingGmButton.tsx
index 504cf87..bb3f5cd 100644
--- a/src/components/FloatingGmButton.tsx
+++ b/src/components/FloatingGmButton.tsx
@@ -11,7 +11,7 @@ export default function () {
   return (
     <>
       <button
-        className="flex items-center justify-center rounded-full disabled:bg-opacity-40 bg-yellow-200 disabled:bg-yellow-500 fixed right-4 md:right-10 bottom-5 h-12 w-10 md:h-24 md:w-20 md:text-4xl gm-button"
+        className="flex z-20 items-center justify-center rounded-full disabled:bg-opacity-40 bg-yellow-200 disabled:bg-yellow-500 fixed right-4 md:right-10 bottom-5 h-12 w-10 md:h-24 md:w-20 md:text-4xl gm-button"
         onClick={() => setModalOpen(true)}
       >
         🔥