diff --git a/app/client/packages/design-system/widgets/src/components/Markdown/src/mdComponents/Code.tsx b/app/client/packages/design-system/widgets/src/components/Markdown/src/mdComponents/Code.tsx
index e4f4fb3c37..1b395792c6 100644
--- a/app/client/packages/design-system/widgets/src/components/Markdown/src/mdComponents/Code.tsx
+++ b/app/client/packages/design-system/widgets/src/components/Markdown/src/mdComponents/Code.tsx
@@ -31,9 +31,15 @@ export const Code = (props: CodeProps) => {
         alignItems="center"
         justifyContent="space-between"
         padding="spacing-1"
+        paddingLeft="spacing-4"
       >
         <Text size="caption">{match[1]}</Text>
-        <Button icon="copy" onPress={handleCopy} size="small" variant="ghost">
+        <Button
+          icon={copied ? "check" : "copy"}
+          onPress={handleCopy}
+          size="small"
+          variant="ghost"
+        >
           {copied ? "Copied!" : "Copy"}
         </Button>
       </Flex>