From e40bd9a44000e712d858dd4e09da5ca8f2237b7a Mon Sep 17 00:00:00 2001
From: Stanislav C <150145013+stanislav-c@users.noreply.github.com>
Date: Tue, 7 May 2024 14:08:41 +0200
Subject: [PATCH] fix: correct position of the copy to clipboard button

Signed-off-by: Stanislav C <150145013+stanislav-c@users.noreply.github.com>
---
 .changeset/late-students-live.md                             | 5 +++++
 plugins/techdocs/src/reader/transformers/copyToClipboard.tsx | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/late-students-live.md

diff --git a/.changeset/late-students-live.md b/.changeset/late-students-live.md
new file mode 100644
index 0000000000..6a7c203e9e
--- /dev/null
+++ b/.changeset/late-students-live.md
@@ -0,0 +1,5 @@
+---
+'@backstage/plugin-techdocs': patch
+---
+
+Fixed bug in CopyToClipboardButton component where positioning of the "Copy to clipboard" button in techdocs code snippets was broken in some cases
diff --git a/plugins/techdocs/src/reader/transformers/copyToClipboard.tsx b/plugins/techdocs/src/reader/transformers/copyToClipboard.tsx
index 70868baa21..53f407586a 100644
--- a/plugins/techdocs/src/reader/transformers/copyToClipboard.tsx
+++ b/plugins/techdocs/src/reader/transformers/copyToClipboard.tsx
@@ -67,7 +67,7 @@ const CopyToClipboardButton = ({ text }: CopyToClipboardButtonProps) => {
       leaveDelay={1000}
     >
       <IconButton
-        style={{ color: 'inherit' }}
+        style={{ color: 'inherit', position: 'absolute' }}
         className="md-clipboard md-icon"
         onClick={handleClick}
       >