From 96df388fa87ada49a0f278199960e73fb0567884 Mon Sep 17 00:00:00 2001
From: Alexander Zinchuk <alx.zinchuk@gmail.com>
Date: Fri, 5 Aug 2022 19:23:20 +0200
Subject: [PATCH] Contact List: Fix Add button overflow (#1976)

---
 src/components/left/main/ContactList.tsx    | 1 +
 src/components/ui/FloatingActionButton.scss | 1 +
 2 files changed, 2 insertions(+)

diff --git a/src/components/left/main/ContactList.tsx b/src/components/left/main/ContactList.tsx
index 704215c93..08be0b279 100644
--- a/src/components/left/main/ContactList.tsx
+++ b/src/components/left/main/ContactList.tsx
@@ -88,6 +88,7 @@ const ContactList: FC<OwnProps & StateProps> = ({
         <Loading key="loading" />
       )}
       <FloatingActionButton
+        key="create-new-contact"
         isShown
         onClick={openNewContactDialog}
         ariaLabel={lang('CreateNewContact')}
diff --git a/src/components/ui/FloatingActionButton.scss b/src/components/ui/FloatingActionButton.scss
index b19b99ebb..de6c64036 100644
--- a/src/components/ui/FloatingActionButton.scss
+++ b/src/components/ui/FloatingActionButton.scss
@@ -4,6 +4,7 @@
   bottom: 1rem;
   transform: translateY(calc(5rem - var(--call-header-height, 0rem)));
   transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
+  z-index: 1;
 
   body.animation-level-0 & {
     transition: none !important;