diff --git a/frontend/packages/devsite/news/8.feature b/frontend/packages/devsite/news/8.feature
new file mode 100644
index 0000000..a9e2853
--- /dev/null
+++ b/frontend/packages/devsite/news/8.feature
@@ -0,0 +1 @@
+Adiciona título e descrição às imagens abertas @jessicarvalho25 @leila-souza-dev-backend
\ No newline at end of file
diff --git a/frontend/packages/devsite/src/components/Blocks/Listing/ImageAlbum.tsx b/frontend/packages/devsite/src/components/Blocks/Listing/ImageAlbum.tsx
index 32d273f..57f069a 100644
--- a/frontend/packages/devsite/src/components/Blocks/Listing/ImageAlbum.tsx
+++ b/frontend/packages/devsite/src/components/Blocks/Listing/ImageAlbum.tsx
@@ -60,8 +60,10 @@ const AlbumItem = ({ item }: { item: ContainedItem }) => {
                 />
               </Container>
               <Container className="album-modal-footer">
-                <span>{item.title}</span>
-                <span>{item.description}</span>
+                <span className="album-modal-title">{item.title}</span>
+                <span className="album-modal-description">
+                  {item.description}
+                </span>
               </Container>
             </Modal.Content>
           </Modal>
diff --git a/frontend/packages/devsite/src/theme/components/blocks/_listing_image_album.scss b/frontend/packages/devsite/src/theme/components/blocks/_listing_image_album.scss
index 49d07c9..e4f0f9e 100644
--- a/frontend/packages/devsite/src/theme/components/blocks/_listing_image_album.scss
+++ b/frontend/packages/devsite/src/theme/components/blocks/_listing_image_album.scss
@@ -95,7 +95,16 @@
     }
     .album-modal-footer {
       width: 100% !important;
+      background-color: var(--background);
       text-align: center;
+      .album-modal-title {
+        display: block;
+        @include block-title();
+      }
+
+      .album-modal-description {
+        display: block;
+      }
     }
   }
 }