diff --git a/frontend/packages/devsite/news/7.feature b/frontend/packages/devsite/news/7.feature
new file mode 100644
index 0000000..a509c5b
--- /dev/null
+++ b/frontend/packages/devsite/news/7.feature
@@ -0,0 +1 @@
+Altera exibição do modal e localização do botão de fechar do álbum de imagens. @emmenezes @emillysant @Jehcky @leila-souza-dev-backend
\ No newline at end of file
diff --git a/frontend/packages/devsite/package.json b/frontend/packages/devsite/package.json
index d9ae004..c59dcb7 100644
--- a/frontend/packages/devsite/package.json
+++ b/frontend/packages/devsite/package.json
@@ -55,7 +55,8 @@
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-intl": "^3.12.1",
-    "query-string": "9.1.1"
+    "query-string": "9.1.1",
+    "semantic-ui-react": "*"
   },
   "devDependencies": {
     "@plone/scripts": "workspace:*",
@@ -64,4 +65,4 @@
     "@types/react-dom": "^18.3.0",
     "release-it": "^17.1.1"
   }
-}
+}
\ 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 57f069a..e773dd4 100644
--- a/frontend/packages/devsite/src/components/Blocks/Listing/ImageAlbum.tsx
+++ b/frontend/packages/devsite/src/components/Blocks/Listing/ImageAlbum.tsx
@@ -7,6 +7,7 @@ import { Button, Modal } from 'semantic-ui-react';
 import { Container } from '@plone/components';
 import type { ContainedItem } from '@plone/types';
 import zoomSVG from '@plone/volto/icons/zoom-in.svg';
+import circleDismissSVG from '@plone/volto/icons/circle-dismiss.svg';
 import config from '@plone/volto/registry';
 
 const messages = defineMessages({
@@ -35,7 +36,13 @@ const AlbumItem = ({ item }: { item: ContainedItem }) => {
         <div className="album-item-info">
           <Modal
             className="modal-image-full"
-            closeIcon
+            closeIcon={
+              <Icon
+                name={circleDismissSVG}
+                size="50px"
+                className={'close icon'}
+              />
+            }
             size="fullscreen"
             trigger={
               <Button
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 e4f0f9e..6956229 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
@@ -73,10 +73,12 @@
   justify-content: start;
   border: unset;
   margin: auto;
-  animation: openModal 0.5s;
-  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-  background-color: unset;
+  background-color: var(--background);
   box-shadow: unset;
+  .close.icon {
+    top: 1rem;
+    color: var(--text-color);
+  }
   .album-modal.image.content {
     flex-direction: column;
     align-items: center;
@@ -100,6 +102,7 @@
       .album-modal-title {
         display: block;
         @include block-title();
+        padding-top: 1rem;
       }
 
       .album-modal-description {
diff --git a/frontend/pnpm-lock.yaml b/frontend/pnpm-lock.yaml
index 24cb167..31daa08 100644
--- a/frontend/pnpm-lock.yaml
+++ b/frontend/pnpm-lock.yaml
@@ -1479,6 +1479,9 @@ importers:
       react-intl:
         specifier: ^3.12.1
         version: 3.12.1(react@18.2.0)
+      semantic-ui-react:
+        specifier: '*'
+        version: 2.1.5(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
       volto-rss-provider:
         specifier: ^1.0.0
         version: 1.0.0(@plone/volto@19.0.0-alpha.3(@babel/runtime@7.26.10)(@popperjs/core@2.11.8)(@types/react-dom@18.3.5(@types/react@18.3.18))(@types/react@18.3.18)(react-with-direction@1.4.0(react-dom@18.2.0(react@18.2.0))(react@18.2.0))(seamless-immutable@7.1.4))
@@ -18772,21 +18775,21 @@ snapshots:
     optionalDependencies:
       vite: 5.4.14(@types/node@20.17.24)(less@3.11.1)(lightningcss@1.29.3)(sass@1.85.1)(terser@5.39.0)
 
-  '@vitest/mocker@2.1.9(vite@5.4.19(@types/node@22.15.29)(less@3.11.1)(lightningcss@1.28.1)(sass@1.85.1)(terser@5.39.0))':
+  '@vitest/mocker@2.1.9(vite@5.4.14(@types/node@22.15.29)(less@3.11.1)(lightningcss@1.28.1)(sass@1.85.1)(terser@5.39.0))':
     dependencies:
       '@vitest/spy': 2.1.9
       estree-walker: 3.0.3
       magic-string: 0.30.17
     optionalDependencies:
-      vite: 5.4.19(@types/node@22.15.29)(less@3.11.1)(lightningcss@1.28.1)(sass@1.85.1)(terser@5.39.0)
+      vite: 5.4.14(@types/node@22.15.29)(less@3.11.1)(lightningcss@1.28.1)(sass@1.85.1)(terser@5.39.0)
 
-  '@vitest/mocker@2.1.9(vite@5.4.19(@types/node@22.15.29)(less@3.11.1)(lightningcss@1.29.3)(sass@1.85.1)(terser@5.39.0))':
+  '@vitest/mocker@2.1.9(vite@5.4.14(@types/node@22.15.29)(less@3.11.1)(lightningcss@1.29.3)(sass@1.85.1)(terser@5.39.0))':
     dependencies:
       '@vitest/spy': 2.1.9
       estree-walker: 3.0.3
       magic-string: 0.30.17
     optionalDependencies:
-      vite: 5.4.19(@types/node@22.15.29)(less@3.11.1)(lightningcss@1.29.3)(sass@1.85.1)(terser@5.39.0)
+      vite: 5.4.14(@types/node@22.15.29)(less@3.11.1)(lightningcss@1.29.3)(sass@1.85.1)(terser@5.39.0)
 
   '@vitest/mocker@3.2.0(vite@5.4.19(@types/node@22.15.29)(less@3.11.1)(lightningcss@1.29.3)(sass@1.85.1)(terser@5.39.0))':
     dependencies:
@@ -29429,6 +29432,32 @@ snapshots:
       sass: 1.85.1
       terser: 5.39.0
 
+  vite@5.4.14(@types/node@22.15.29)(less@3.11.1)(lightningcss@1.28.1)(sass@1.85.1)(terser@5.39.0):
+    dependencies:
+      esbuild: 0.21.5
+      postcss: 8.5.3
+      rollup: 4.35.0
+    optionalDependencies:
+      '@types/node': 22.15.29
+      fsevents: 2.3.3
+      less: 3.11.1
+      lightningcss: 1.28.1
+      sass: 1.85.1
+      terser: 5.39.0
+
+  vite@5.4.14(@types/node@22.15.29)(less@3.11.1)(lightningcss@1.29.3)(sass@1.85.1)(terser@5.39.0):
+    dependencies:
+      esbuild: 0.21.5
+      postcss: 8.5.3
+      rollup: 4.35.0
+    optionalDependencies:
+      '@types/node': 22.15.29
+      fsevents: 2.3.3
+      less: 3.11.1
+      lightningcss: 1.29.3
+      sass: 1.85.1
+      terser: 5.39.0
+
   vite@5.4.19(@types/node@20.17.24)(less@3.11.1)(lightningcss@1.29.3)(sass@1.85.1)(terser@5.39.0):
     dependencies:
       esbuild: 0.21.5
@@ -29538,7 +29567,7 @@ snapshots:
   vitest@2.1.9(@types/node@22.15.29)(@vitest/ui@2.1.9)(jsdom@21.1.2)(less@3.11.1)(lightningcss@1.29.3)(sass@1.85.1)(terser@5.39.0):
     dependencies:
       '@vitest/expect': 2.1.9
-      '@vitest/mocker': 2.1.9(vite@5.4.19(@types/node@22.15.29)(less@3.11.1)(lightningcss@1.29.3)(sass@1.85.1)(terser@5.39.0))
+      '@vitest/mocker': 2.1.9(vite@5.4.14(@types/node@22.15.29)(less@3.11.1)(lightningcss@1.29.3)(sass@1.85.1)(terser@5.39.0))
       '@vitest/pretty-format': 2.1.9
       '@vitest/runner': 2.1.9
       '@vitest/snapshot': 2.1.9
@@ -29554,7 +29583,7 @@ snapshots:
       tinyexec: 0.3.2
       tinypool: 1.0.2
       tinyrainbow: 1.2.0
-      vite: 5.4.19(@types/node@22.15.29)(less@3.11.1)(lightningcss@1.29.3)(sass@1.85.1)(terser@5.39.0)
+      vite: 5.4.14(@types/node@22.15.29)(less@3.11.1)(lightningcss@1.29.3)(sass@1.85.1)(terser@5.39.0)
       vite-node: 2.1.9(@types/node@22.15.29)(less@3.11.1)(lightningcss@1.29.3)(sass@1.85.1)(terser@5.39.0)
       why-is-node-running: 2.3.0
     optionalDependencies:
@@ -29575,7 +29604,7 @@ snapshots:
   vitest@2.1.9(@types/node@22.15.29)(@vitest/ui@2.1.9)(jsdom@22.1.0)(less@3.11.1)(lightningcss@1.28.1)(sass@1.85.1)(terser@5.39.0):
     dependencies:
       '@vitest/expect': 2.1.9
-      '@vitest/mocker': 2.1.9(vite@5.4.19(@types/node@22.15.29)(less@3.11.1)(lightningcss@1.28.1)(sass@1.85.1)(terser@5.39.0))
+      '@vitest/mocker': 2.1.9(vite@5.4.14(@types/node@22.15.29)(less@3.11.1)(lightningcss@1.28.1)(sass@1.85.1)(terser@5.39.0))
       '@vitest/pretty-format': 2.1.9
       '@vitest/runner': 2.1.9
       '@vitest/snapshot': 2.1.9
@@ -29591,7 +29620,7 @@ snapshots:
       tinyexec: 0.3.2
       tinypool: 1.0.2
       tinyrainbow: 1.2.0
-      vite: 5.4.19(@types/node@22.15.29)(less@3.11.1)(lightningcss@1.28.1)(sass@1.85.1)(terser@5.39.0)
+      vite: 5.4.14(@types/node@22.15.29)(less@3.11.1)(lightningcss@1.28.1)(sass@1.85.1)(terser@5.39.0)
       vite-node: 2.1.9(@types/node@22.15.29)(less@3.11.1)(lightningcss@1.28.1)(sass@1.85.1)(terser@5.39.0)
       why-is-node-running: 2.3.0
     optionalDependencies:
@@ -29612,7 +29641,7 @@ snapshots:
   vitest@2.1.9(@types/node@22.15.29)(@vitest/ui@2.1.9)(jsdom@22.1.0)(less@3.11.1)(lightningcss@1.29.3)(sass@1.85.1)(terser@5.39.0):
     dependencies:
       '@vitest/expect': 2.1.9
-      '@vitest/mocker': 2.1.9(vite@5.4.19(@types/node@22.15.29)(less@3.11.1)(lightningcss@1.29.3)(sass@1.85.1)(terser@5.39.0))
+      '@vitest/mocker': 2.1.9(vite@5.4.14(@types/node@22.15.29)(less@3.11.1)(lightningcss@1.29.3)(sass@1.85.1)(terser@5.39.0))
       '@vitest/pretty-format': 2.1.9
       '@vitest/runner': 2.1.9
       '@vitest/snapshot': 2.1.9
@@ -29628,7 +29657,7 @@ snapshots:
       tinyexec: 0.3.2
       tinypool: 1.0.2
       tinyrainbow: 1.2.0
-      vite: 5.4.19(@types/node@22.15.29)(less@3.11.1)(lightningcss@1.29.3)(sass@1.85.1)(terser@5.39.0)
+      vite: 5.4.14(@types/node@22.15.29)(less@3.11.1)(lightningcss@1.29.3)(sass@1.85.1)(terser@5.39.0)
       vite-node: 2.1.9(@types/node@22.15.29)(less@3.11.1)(lightningcss@1.29.3)(sass@1.85.1)(terser@5.39.0)
       why-is-node-running: 2.3.0
     optionalDependencies: