diff --git a/webapp/src/components/gallery/galleryCard.tsx b/webapp/src/components/gallery/galleryCard.tsx
index ab11269b2..80bbe9a30 100644
--- a/webapp/src/components/gallery/galleryCard.tsx
+++ b/webapp/src/components/gallery/galleryCard.tsx
@@ -28,6 +28,7 @@ import {getCardContents} from '../../store/contents'
 import {getCardComments} from '../../store/comments'
 
 import './galleryCard.scss'
+import {CardDetailProvider} from '../cardDetail/cardDetailContext'
 
 type Props = {
     board: Board
@@ -120,29 +121,31 @@ const GalleryCard = React.memo((props: Props) => {
                     <ImageElement block={image}/>
                 </div>}
             {!image &&
-                <div className='gallery-item'>
-                    {contents.map((block) => {
-                        if (Array.isArray(block)) {
-                            return block.map((b) => (
+                <CardDetailProvider card={card}>
+                    <div className='gallery-item'>
+                        {contents.map((block) => {
+                            if (Array.isArray(block)) {
+                                return block.map((b) => (
+                                    <ContentElement
+                                        key={b.id}
+                                        block={b}
+                                        readonly={true}
+                                        cords={{x: 0}}
+                                    />
+                                ))
+                            }
+
+                            return (
                                 <ContentElement
-                                    key={b.id}
-                                    block={b}
+                                    key={block.id}
+                                    block={block}
                                     readonly={true}
                                     cords={{x: 0}}
                                 />
-                            ))
-                        }
-
-                        return (
-                            <ContentElement
-                                key={block.id}
-                                block={block}
-                                readonly={true}
-                                cords={{x: 0}}
-                            />
-                        )
-                    })}
-                </div>}
+                            )
+                        })}
+                    </div>
+                </CardDetailProvider>}
             {props.visibleTitle &&
                 <div className='gallery-title'>
                     { card.fields.icon ? <div className='octo-icon'>{card.fields.icon}</div> : undefined }