From ebbc9cc984e8816f6befa37e561136bf410f097f Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Mon, 16 May 2022 14:18:42 +0200
Subject: [PATCH] fix(ui) - alert form footer bg

---
 frontend/app/components/Alerts/AlertForm.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/app/components/Alerts/AlertForm.js b/frontend/app/components/Alerts/AlertForm.js
index f4b9362c7..d3258d578 100644
--- a/frontend/app/components/Alerts/AlertForm.js
+++ b/frontend/app/components/Alerts/AlertForm.js
@@ -71,7 +71,7 @@ const AlertForm = props => {
   const isThreshold = instance.detectionMethod === 'threshold';
 
   return (
-    <Form className={ cn("p-6", stl.wrapper)} style={style} onSubmit={() => props.onSubmit(instance)} id="alert-form">
+    <Form className={ cn("p-6 pb-10", stl.wrapper)} style={style} onSubmit={() => props.onSubmit(instance)} id="alert-form">
        <div className={cn(stl.content, '-mx-6 px-6 pb-12')}>
         <input
           autoFocus={ true }
@@ -296,7 +296,7 @@ const AlertForm = props => {
       </div>
     
       
-      <div className="flex items-center justify-between absolute bottom-0 left-0 right-0 p-6 border-t">
+      <div className="flex items-center justify-between absolute bottom-0 left-0 right-0 p-6 border-t z-10 bg-white">
         <div className="flex items-center">
           <Button
             loading={loading}