From 85ab3fb164b95cdc86c6236ac96c4c153d72c1b5 Mon Sep 17 00:00:00 2001
From: Peer Richelsen <peeroke@gmail.com>
Date: Sat, 24 Sep 2022 17:09:37 +0000
Subject: [PATCH] fixed z-index and buttons in avatar uploader (#4698)

---
 packages/ui/v2/core/ImageUploader.tsx          | 2 +-
 packages/ui/v2/core/layouts/SettingsLayout.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/ui/v2/core/ImageUploader.tsx b/packages/ui/v2/core/ImageUploader.tsx
index a492b4599e..7a7867218d 100644
--- a/packages/ui/v2/core/ImageUploader.tsx
+++ b/packages/ui/v2/core/ImageUploader.tsx
@@ -200,7 +200,7 @@ export default function ImageUploader({
             </label>
           </div>
         </div>
-        <div className="mt-5 gap-x-2 sm:mt-4 sm:flex sm:flex-row-reverse">
+        <div className="mt-5 flex flex-row-reverse gap-x-2 sm:mt-4">
           <DialogClose asChild>
             <Button onClick={() => showCroppedImage(croppedAreaPixels)}>{t("save")}</Button>
           </DialogClose>
diff --git a/packages/ui/v2/core/layouts/SettingsLayout.tsx b/packages/ui/v2/core/layouts/SettingsLayout.tsx
index 5a2eac445a..38f2ad22c6 100644
--- a/packages/ui/v2/core/layouts/SettingsLayout.tsx
+++ b/packages/ui/v2/core/layouts/SettingsLayout.tsx
@@ -272,7 +272,7 @@ const MobileSettingsContainer = (props: { onSideContainerOpen?: () => void }) =>
 
   return (
     <>
-      <nav className="fixed flex w-full items-center justify-between border-b border-gray-100 bg-gray-50 p-4 sm:relative lg:hidden">
+      <nav className="fixed z-20 flex w-full items-center justify-between border-b border-gray-100 bg-gray-50 p-4 sm:relative lg:hidden">
         <div className="flex items-center space-x-3 ">
           <Button
             StartIcon={Icon.FiMenu}