diff --git a/packages/react/components/Collection/index.mjs b/packages/react/components/Collection/index.mjs
index ae9be8d5329..5e6c1df1231 100644
--- a/packages/react/components/Collection/index.mjs
+++ b/packages/react/components/Collection/index.mjs
@@ -282,7 +282,7 @@ const DesignCard = ({ name, lineDrawing = false, linkTo, Link, onClick }) => {
   const exampleImageUrl = examples.href[name] ? examples.href[name] : noExample
   const bg = { aspectRatio: '1/1.4' }
   if (!lineDrawing) {
-    bg.backgroundImage = `url(${exampleImageUrl}`
+    bg.backgroundImage = `url(${exampleImageUrl})`
     bg.backgroundSize = 'cover'
     bg.backgroundPosition = 'center center'
   }