diff --git a/web/src/routes/RepositoryDetails/Tags/TablePopover.tsx b/web/src/routes/RepositoryDetails/Tags/TablePopover.tsx
index 7828de470..0ddaf28ee 100644
--- a/web/src/routes/RepositoryDetails/Tags/TablePopover.tsx
+++ b/web/src/routes/RepositoryDetails/Tags/TablePopover.tsx
@@ -28,7 +28,7 @@ export default function TablePopover(props: TablePopoverProps) {
             hoverTip="Copy"
             clickTip="Copied"
           >
-            podman pull {domain}/{props.org}/{props.repo}:{props.tag}
+            {`podman pull ${domain}/${props.org}/${props.repo}:${props.tag}`}
           </ClipboardCopy>
           <br />
           <Text style={{fontWeight: 'bold'}}>Podman Pull (By Digest)</Text>
@@ -38,7 +38,7 @@ export default function TablePopover(props: TablePopoverProps) {
             hoverTip="Copy"
             clickTip="Copied"
           >
-            podman pull {domain}/{props.org}/{props.repo}@{props.digest}
+            {`podman pull ${domain}/${props.org}/${props.repo}@${props.digest}`}
           </ClipboardCopy>
           <br />
           <Text style={{fontWeight: 'bold'}}>Docker Pull (By Tag)</Text>
@@ -48,7 +48,7 @@ export default function TablePopover(props: TablePopoverProps) {
             hoverTip="Copy"
             clickTip="Copied"
           >
-            docker pull {domain}/{props.org}/{props.repo}:{props.tag}
+            {`docker pull ${domain}/${props.org}/${props.repo}:${props.tag}`}
           </ClipboardCopy>
           <br />
           <Text style={{fontWeight: 'bold'}}>Docker Pull (By Digest)</Text>
@@ -58,7 +58,7 @@ export default function TablePopover(props: TablePopoverProps) {
             hoverTip="Copy"
             clickTip="Copied"
           >
-            docker pull {domain}/{props.org}/{props.repo}@{props.digest}
+            {`docker pull ${domain}/${props.org}/${props.repo}@${props.digest}`}
           </ClipboardCopy>
         </div>
       }