diff --git a/packages/ui-patterns/src/CodeBlock/CodeBlock.tsx b/packages/ui-patterns/src/CodeBlock/CodeBlock.tsx
index fbd3345554e..8d41e769e0b 100644
--- a/packages/ui-patterns/src/CodeBlock/CodeBlock.tsx
+++ b/packages/ui-patterns/src/CodeBlock/CodeBlock.tsx
@@ -269,7 +269,7 @@ export const CodeBlock = ({
             <div
               className={[
                 'absolute right-2 top-2',
-                'opacity-0 group-hover:opacity-100 transition',
+                'opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 transition',
                 `${isDarkTheme ? 'dark' : ''}`,
               ].join(' ')}
             >
diff --git a/packages/ui-patterns/src/DataInputs/Input.tsx b/packages/ui-patterns/src/DataInputs/Input.tsx
index 98efedae67f..128eb19c963 100644
--- a/packages/ui-patterns/src/DataInputs/Input.tsx
+++ b/packages/ui-patterns/src/DataInputs/Input.tsx
@@ -91,7 +91,10 @@ const Input = forwardRef<
               <InputGroupButton
                 size="tiny"
                 variant="default"
-                className={cn(showCopyOnHover && 'opacity-0 group-hover:opacity-100 transition')}
+                className={cn(
+                  showCopyOnHover &&
+                    'opacity-0 group-hover/input-group:opacity-100 group-focus-within/input-group:opacity-100 transition'
+                )}
                 icon={<Copy size={16} className="text-foreground-muted" />}
                 onClick={() => _onCopy(props.value)}
               >