[Fleet] Fix aligment logstash copy API key tooltip (#130815)

(cherry picked from commit ee1e2bb)
elastic · Apr 21, 2022 · 3086fa1 · 3086fa1
1 parent 9ee2321
commit 3086fa1
Showing 1 changed file with 9 additions and 8 deletions.
diff --git a/...et/public/applications/fleet/sections/settings/components/logstash_instructions/index.tsx b/...et/public/applications/fleet/sections/settings/components/logstash_instructions/index.tsx
@@ -111,10 +111,11 @@ const LogstashInstructionSteps = () => {
               <EuiCodeBlock paddingSize="m">
                 <h5>API Key</h5>
                 {logstashApiKey.apiKey}
-                <EuiCopy textToCopy={logstashApiKey.apiKey}>
-                  {(copy) => (
-                    <div className="euiCodeBlock__controls">
-                      <div className="euiCodeBlock__copyButton">
+
+                <div className="euiCodeBlock__controls">
+                  <div className="euiCodeBlock__copyButton">
+                    <EuiCopy textToCopy={logstashApiKey.apiKey}>
+                      {(copy) => (
                         <EuiButtonIcon
                           onClick={copy}
                           iconType="copyClipboard"
@@ -126,10 +127,10 @@ const LogstashInstructionSteps = () => {
                             }
                           )}
                         />
-                      </div>
-                    </div>
-                  )}
-                </EuiCopy>
+                      )}
+                    </EuiCopy>
+                  </div>
+                </div>
               </EuiCodeBlock>
             ) : (
               <EuiButton