From 8f39a229c3237921968234416a434d8e02be6649 Mon Sep 17 00:00:00 2001
From: ekzyis <ek@stacker.news>
Date: Tue, 26 Mar 2024 22:13:17 +0100
Subject: [PATCH] Fix overlay trigger hitbox

---
 pages/settings/index.js | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/pages/settings/index.js b/pages/settings/index.js
index b1a6e866..9957763d 100644
--- a/pages/settings/index.js
+++ b/pages/settings/index.js
@@ -847,15 +847,15 @@ I estimate that I will call the GraphQL API this many times (rough estimate is f
               }}
             >Generate API key
             </Button>
-            {apiKey &&
-              <DeleteIcon
-                style={{ cursor: 'pointer' }} className='fill-danger mx-1' width={24} height={24}
-                onClick={async () => {
-                  showModal((onClose) => <ApiKeyDeleteObstacle onClose={onClose} />)
-                }}
-              />}
           </div>
         </OverlayTrigger>
+        {apiKey &&
+          <DeleteIcon
+            style={{ cursor: 'pointer' }} className='fill-danger mx-1' width={24} height={24}
+            onClick={async () => {
+              showModal((onClose) => <ApiKeyDeleteObstacle onClose={onClose} />)
+            }}
+          />}
         <Info>
           <ul className='fw-bold'>
             <li>use API keys with our <Link target='_blank' href='/api/graphql'>GraphQL API</Link> for authentication</li>