From ff88fcdb39c98953317939d8c94cb780b7db07e2 Mon Sep 17 00:00:00 2001
From: John Cowen <johncowen@users.noreply.github.com>
Date: Thu, 4 Aug 2022 13:30:52 +0100
Subject: [PATCH] ui: Ensure CopyableCode copy icon/button is fully clickable
 (#14016)

* ui: Ensure CopyableCode copy icon/button is fully clickable

* Give it a 40px height also
---
 .../app/components/copyable-code/index.scss          | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/ui/packages/consul-ui/app/components/copyable-code/index.scss b/ui/packages/consul-ui/app/components/copyable-code/index.scss
index 7745aadb68..7fcf821193 100644
--- a/ui/packages/consul-ui/app/components/copyable-code/index.scss
+++ b/ui/packages/consul-ui/app/components/copyable-code/index.scss
@@ -26,8 +26,16 @@
   }
   .copy-button {
     position: absolute;
-    top: 7px;
-    right: 12px;
+    top: 0;
+    right: 0;
+    z-index: 1;
+  }
+  .copy-button button {
+    width: 40px;
+    height: 40px;
+  }
+  .copy-button button:empty::after {
+    display: none;
   }
   button[aria-expanded] {
     margin-top: 1px;