diff --git a/RELEASE.md b/RELEASE.md
index 6880a2837..9af415e84 100644
--- a/RELEASE.md
+++ b/RELEASE.md
@@ -41,6 +41,11 @@
 - ...
 -->
 
+## Versione X.X.X (xx/xx/xxxx)
+
+### Migliorie
+
+- Migliorata l'accessibilità dei titoli dei contenuti
 ## Versione 8.9.0 (03/11/2023)
 
 ### Novità
diff --git a/src/components/ItaliaTheme/Blocks/Listing/SliderTemplate.jsx b/src/components/ItaliaTheme/Blocks/Listing/SliderTemplate.jsx
index d68ca7704..2215a9514 100644
--- a/src/components/ItaliaTheme/Blocks/Listing/SliderTemplate.jsx
+++ b/src/components/ItaliaTheme/Blocks/Listing/SliderTemplate.jsx
@@ -79,7 +79,9 @@ function NextArrow(props) {
       id="sliderNextArrow"
     >
       <Icon icon="chevron-right" key="chevron-right" />
-      <span class="sr-only">{intl.formatMessage(messages.successivo)}</span>
+      <span class="visually-hidden">
+        {intl.formatMessage(messages.successivo)}
+      </span>
     </button>
   );
 }
@@ -122,7 +124,9 @@ function PrevArrow(props) {
       onKeyDown={handleKeyboardUsers}
     >
       <Icon icon="chevron-left" key="chevron-left-prev" />
-      <span class="sr-only">{intl.formatMessage(messages.precedente)}</span>
+      <span class="visually-hidden">
+        {intl.formatMessage(messages.precedente)}
+      </span>
     </button>
   );
 }
diff --git a/src/components/ItaliaTheme/CustomerSatisfaction/Steps/Commons/Rating.jsx b/src/components/ItaliaTheme/CustomerSatisfaction/Steps/Commons/Rating.jsx
index 6691398ac..b8de09e01 100644
--- a/src/components/ItaliaTheme/CustomerSatisfaction/Steps/Commons/Rating.jsx
+++ b/src/components/ItaliaTheme/CustomerSatisfaction/Steps/Commons/Rating.jsx
@@ -79,7 +79,7 @@ export const Rating: FC<RatingProps> = ({
 
   if (isCustomLegendObject(legend)) {
     legendClass = classNames({
-      'sr-only': legend.srOnly
+      'visually-hidden': legend.srOnly
     });
     legendText = legend.content;
   }
diff --git a/src/components/ItaliaTheme/View/BandoView/BandoApprofondimenti.jsx b/src/components/ItaliaTheme/View/BandoView/BandoApprofondimenti.jsx
index cc7bcc5c8..7d6047783 100644
--- a/src/components/ItaliaTheme/View/BandoView/BandoApprofondimenti.jsx
+++ b/src/components/ItaliaTheme/View/BandoView/BandoApprofondimenti.jsx
@@ -47,7 +47,7 @@ const BandoApprofondimenti = ({ content }) => {
             padding={false}
           />
           <CardBody>
-            <CardTitle tag="h5" className="title">
+            <CardTitle className="title h5">
               <UniversalLink
                 href={flattenToAppURL(item.url)}
                 rel="noopener noreferrer"
@@ -67,7 +67,7 @@ const BandoApprofondimenti = ({ content }) => {
         >
           <Icon className={undefined} icon={'it-file'} padding={false} />
           <CardBody>
-            <CardTitle tag="h5" className="title">
+            <CardTitle className="title h5">
               <UniversalLink
                 item={{
                   ...item,
@@ -111,7 +111,7 @@ const BandoApprofondimenti = ({ content }) => {
         <>
           {content.approfondimento.map((item, i) => (
             <>
-              <h5>{item.title}</h5>
+              <h3 className="h5">{item.title}</h3>
               <div className="card-wrapper card-teaser-wrapper card-teaser-wrapper-equal">
                 {content.approfondimento[i].children.map((inner_item, x) =>
                   inner_item.type === 'Modulo' ? (
diff --git a/src/components/ItaliaTheme/View/BandoView/BandoText.jsx b/src/components/ItaliaTheme/View/BandoView/BandoText.jsx
index 211e0bf31..dbb9ed64a 100644
--- a/src/components/ItaliaTheme/View/BandoView/BandoText.jsx
+++ b/src/components/ItaliaTheme/View/BandoView/BandoText.jsx
@@ -38,20 +38,18 @@ const BandoText = ({ content }) => {
       show_title={true}
     >
       {/* DESCRIZIONE DEL BANDO */}
-      {richTextHasContent(content?.text) && (
-        <RichText title_size="h5" title={''} data={content?.text} />
-      )}
+      {richTextHasContent(content?.text) && <RichText data={content?.text} />}
       {/* TIPOLOGIA DEL BANDO */}
       {content?.tipologia_bando && (
         <>
-          <h5>{intl.formatMessage(messages.tipologia_bando)}</h5>
+          <h3 className="h5">{intl.formatMessage(messages.tipologia_bando)}</h3>
           <span>{content.tipologia_bando.title}</span>
         </>
       )}
       {/* DESTINATARI DEL BANDO */}
       {content?.destinatari?.length > 0 && (
         <>
-          <h5>{intl.formatMessage(messages.destinatari)}</h5>
+          <h3 className="h5">{intl.formatMessage(messages.destinatari)}</h3>
           {content.destinatari.map((item, i) => (
             <p key={'destinatari-' + i}>{item.title}</p>
           ))}
@@ -60,7 +58,7 @@ const BandoText = ({ content }) => {
       {/* ENTE DEL BANDO */}
       {content?.ente_bando?.length > 0 && (
         <>
-          <h5>{intl.formatMessage(messages.ente)}</h5>
+          <h3 className="h5">{intl.formatMessage(messages.ente)}</h3>
           {content.ente_bando.map((item, i) => (
             <span key={'ente_' + i}>
               {item}
diff --git a/src/components/ItaliaTheme/View/BandoView/BandoView.jsx b/src/components/ItaliaTheme/View/BandoView/BandoView.jsx
index afc140b2b..d42b015df 100644
--- a/src/components/ItaliaTheme/View/BandoView/BandoView.jsx
+++ b/src/components/ItaliaTheme/View/BandoView/BandoView.jsx
@@ -65,7 +65,7 @@ const BandoView = ({ content, location }) => {
           showtassonomiaargomenti={true}
           showbandostate={true}
         />
-        <div className="row row-column-border row-column-menu-left">
+        <div className="row row-column-border border-light row-column-menu-left">
           <aside className="col-lg-4">
             {__CLIENT__ && (
               <SideMenu data={sideMenuElements} content_uid={content?.UID} />
@@ -74,7 +74,7 @@ const BandoView = ({ content, location }) => {
           <section
             ref={documentBody}
             id="main-content-section"
-            className="col-lg-8 it-page-sections-container"
+            className="col-lg-8 it-page-sections-container border-light"
           >
             {/* SEZIONI */}
             <ContentTypeViewSections
diff --git a/src/components/ItaliaTheme/View/Commons/Attachment.jsx b/src/components/ItaliaTheme/View/Commons/Attachment.jsx
index 185031c27..435f3500c 100644
--- a/src/components/ItaliaTheme/View/Commons/Attachment.jsx
+++ b/src/components/ItaliaTheme/View/Commons/Attachment.jsx
@@ -26,7 +26,7 @@ const Attachment = ({ title, description, download_url }) => {
         title={intl.formatMessage(messages.attachment)}
       />
       <CardBody tag="div">
-        <CardTitle tag="h5">
+        <CardTitle className="h5">
           <a href={flattenToAppURL(download_url)}>{title}</a>
         </CardTitle>
         {description && <p>{description}</p>}
diff --git a/src/components/ItaliaTheme/View/Commons/ContactsCard.jsx b/src/components/ItaliaTheme/View/Commons/ContactsCard.jsx
index 4e2d07f02..17aecc6a8 100644
--- a/src/components/ItaliaTheme/View/Commons/ContactsCard.jsx
+++ b/src/components/ItaliaTheme/View/Commons/ContactsCard.jsx
@@ -27,10 +27,10 @@ const ContactsCard = ({ contact = {}, show_title = false, ...rest }) => {
     }
   }, [dispatch, contactUrl, loading, loaded]);
 
-  useEffect(
-    () => () => dispatch(resetContent(flattenToAppURL(contactUrl))),
-    [dispatch, contactUrl],
-  );
+  useEffect(() => () => dispatch(resetContent(flattenToAppURL(contactUrl))), [
+    dispatch,
+    contactUrl,
+  ]);
 
   if (error) {
     return null;
diff --git a/src/components/ItaliaTheme/View/Commons/Events.jsx b/src/components/ItaliaTheme/View/Commons/Events.jsx
index 3f752aca8..4e4ec782b 100644
--- a/src/components/ItaliaTheme/View/Commons/Events.jsx
+++ b/src/components/ItaliaTheme/View/Commons/Events.jsx
@@ -10,7 +10,7 @@ import {
 
 import { UniversalLink } from '@plone/volto/components';
 import { flattenToAppURL } from '@plone/volto/helpers';
-
+import { RichTextSection } from 'design-comuni-plone-theme/components/ItaliaTheme/View';
 import Image from '@plone/volto/components/theme/Image/Image';
 import { viewDate } from 'design-comuni-plone-theme/helpers';
 
@@ -40,7 +40,7 @@ const Evento = ({ event, show_image }) => {
 
   return event ? (
     <div className="card-wrapper card-teaser">
-      <Card noWrapper className="card-img no-after">
+      <Card noWrapper className="card card-img no-after shadow rounded">
         {show_image &&
           (event.image_field || event.preview_image || event.image) && (
             <div className="img-responsive-wrapper">
@@ -65,16 +65,16 @@ const Evento = ({ event, show_image }) => {
             </div>
           )}
         <CardBody>
-          <CardTitle tag="h5" className="card-title-icon">
+          <CardTitle className="h5">
             <UniversalLink
               href={flattenToAppURL(event['@id'])}
               title={event.title}
               className="text-decoration-none"
             >
-              <h6 className="fw-semibold">{event.title}</h6>
+              {event.title}
             </UniversalLink>
           </CardTitle>
-          <CardText></CardText>
+          <CardText> </CardText>
           <CardReadMore
             iconName="it-arrow-right"
             tag={UniversalLink}
@@ -103,22 +103,16 @@ const Events = ({ content, title, show_image, folder_name, isChild }) => {
     : content?.items?.filter((el) => el['@type'] === 'Event') || [];
 
   return events.length > 0 ? (
-    <article
-      id="appuntamenti"
-      className="it-page-section anchor-offset mt-5"
-      aria-labelledby="header-appuntamenti"
+    <RichTextSection
+      tag_id="appuntamenti"
+      title={title || intl.formatMessage(messages.events)}
     >
-      {title ? (
-        <h4 id="header-appuntamenti">{title}</h4>
-      ) : (
-        <h4 id="header-appuntamenti">{intl.formatMessage(messages.events)}</h4>
-      )}
       <div className="card-wrapper card-teaser-wrapper card-teaser-wrapper-equal">
         {events.map((item, i) => (
           <Evento key={item['@id']} event={item} show_image={show_image} />
         ))}
       </div>
-    </article>
+    </RichTextSection>
   ) : null;
 };
 
diff --git a/src/components/ItaliaTheme/View/Commons/Gallery.jsx b/src/components/ItaliaTheme/View/Commons/Gallery.jsx
index e08106f1e..725a36db7 100644
--- a/src/components/ItaliaTheme/View/Commons/Gallery.jsx
+++ b/src/components/ItaliaTheme/View/Commons/Gallery.jsx
@@ -38,7 +38,7 @@ const Gallery = ({
   folder_name,
   id = '',
   title,
-  title_type = 'h4',
+  title_type = 'h3',
   title_id = 'galleria',
   title_video,
   className = '',
diff --git a/src/components/ItaliaTheme/View/Commons/GenericCard.jsx b/src/components/ItaliaTheme/View/Commons/GenericCard.jsx
index 263c1bf3a..73a884ad6 100644
--- a/src/components/ItaliaTheme/View/Commons/GenericCard.jsx
+++ b/src/components/ItaliaTheme/View/Commons/GenericCard.jsx
@@ -85,10 +85,10 @@ const GenericCard = ({
         </div>
         <div className="card-body px-4">
           {infos}
-          <h5 className="card-title">
+          <div className="card-title h5">
             {show_icon && <Icon icon={show_icon} padding={false} />}
             <UniversalLink item={item_fo}>{item_fo.title}</UniversalLink>
-          </h5>
+          </div>
           {(showDescription || children) && (
             <div className="card-text">
               {item_fo.description} {children}
@@ -105,10 +105,10 @@ const GenericCard = ({
       >
         <div className="card-body">
           {infos}
-          <h5 className="card-title">
+          <div className="card-title h5">
             {show_icon && <Icon icon={show_icon} padding={false} />}
             <UniversalLink item={item_fo}>{item_fo.title}</UniversalLink>
-          </h5>
+          </div>
           {(showDescription || children) && (
             <div className="card-text">
               {item_fo.description} {children}
diff --git a/src/components/ItaliaTheme/View/Commons/LocationItem.jsx b/src/components/ItaliaTheme/View/Commons/LocationItem.jsx
index aad5eadd6..a6de458ba 100644
--- a/src/components/ItaliaTheme/View/Commons/LocationItem.jsx
+++ b/src/components/ItaliaTheme/View/Commons/LocationItem.jsx
@@ -61,7 +61,7 @@ const LocationItem = ({
     <div className="card card-teaser shadow mt-3 border-left-card card-big-io-comune p-4 rounded location-item">
       {show_icon && <Icon icon={'it-pin'} />}
       <div className="card-body">
-        <h5 className="card-title venue-card-title">
+        <div className="card-title h5 venue-card-title">
           {(location_fo.nome_sede || location_fo.title) && (
             <>
               {location_fo['@type'] === 'Venue' ||
@@ -78,7 +78,7 @@ const LocationItem = ({
               )}
             </>
           )}
-        </h5>
+        </div>
         <div className="card-text">
           <p>{address}</p>
 
diff --git a/src/components/ItaliaTheme/View/Commons/Module.jsx b/src/components/ItaliaTheme/View/Commons/Module.jsx
index 71a49b4cf..be0c8240b 100644
--- a/src/components/ItaliaTheme/View/Commons/Module.jsx
+++ b/src/components/ItaliaTheme/View/Commons/Module.jsx
@@ -41,7 +41,7 @@ const Module = ({ item }) => {
       tag="div"
     >
       <CardBody tag="div">
-        <CardTitle tag="h5">
+        <CardTitle className="h5">
           {modulo.file_principale ? (
             <a
               href={flattenToAppURL(modulo.file_principale.download)}
diff --git a/src/components/ItaliaTheme/View/Commons/Modules.jsx b/src/components/ItaliaTheme/View/Commons/Modules.jsx
index 2506acb8d..49e084be2 100644
--- a/src/components/ItaliaTheme/View/Commons/Modules.jsx
+++ b/src/components/ItaliaTheme/View/Commons/Modules.jsx
@@ -6,7 +6,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import {
-  RichTextArticle,
+  RichTextSection,
   Module,
 } from 'design-comuni-plone-theme/components/ItaliaTheme/View';
 
@@ -21,13 +21,13 @@ const Modules = ({ content, title, id = 'documenti' }) => {
     content.items?.filter((item) => item.id !== 'multimedia') ?? [];
 
   return moduli.length > 0 ? (
-    <RichTextArticle tag_id={id} title={title}>
+    <RichTextSection tag_id={id} title={title}>
       <div className="card-wrapper card-teaser-wrapper card-teaser-wrapper-equal modules">
         {moduli.map((modulo) => (
           <Module key={modulo['@id']} item={modulo} />
         ))}
       </div>
-    </RichTextArticle>
+    </RichTextSection>
   ) : null;
 };
 
diff --git a/src/components/ItaliaTheme/View/Commons/NewsCard.jsx b/src/components/ItaliaTheme/View/Commons/NewsCard.jsx
index ae5e084af..92dd83d87 100644
--- a/src/components/ItaliaTheme/View/Commons/NewsCard.jsx
+++ b/src/components/ItaliaTheme/View/Commons/NewsCard.jsx
@@ -28,9 +28,9 @@ const NewsCard = ({ title, typology, effective, description, id }) => {
             </span>
           ) : null}
         </div>
-        <h5 className="card-title">
+        <div className="card-title h5">
           <UniversalLink href={flattenToAppURL(id)}>{title}</UniversalLink>
-        </h5>
+        </div>
         <div className="card-text">{description}</div>
       </div>
     </div>
diff --git a/src/components/ItaliaTheme/View/Commons/OfficeCard.jsx b/src/components/ItaliaTheme/View/Commons/OfficeCard.jsx
index 97ceadf0b..26048fe0b 100644
--- a/src/components/ItaliaTheme/View/Commons/OfficeCard.jsx
+++ b/src/components/ItaliaTheme/View/Commons/OfficeCard.jsx
@@ -55,7 +55,7 @@ const OfficeCard = ({
     >
       {icon && <Icon icon={icon}></Icon>}
       <div className="card-body pe-3">
-        <h5 className="card-title">
+        <div className="card-title h5">
           <UniversalLink
             item={office_fo}
             title={office_fo.title}
@@ -63,7 +63,7 @@ const OfficeCard = ({
           >
             {office_fo.title}
           </UniversalLink>
-        </h5>
+        </div>
         <p className="card-text">{office_fo.description}</p>
         {show_contacts && office_fo?.sede?.length > 0 && (
           <div>
diff --git a/src/components/ItaliaTheme/View/Commons/RelatedItemInEvidence/ItemInEvidence.jsx b/src/components/ItaliaTheme/View/Commons/RelatedItemInEvidence/ItemInEvidence.jsx
index 41faff034..520ad14cd 100644
--- a/src/components/ItaliaTheme/View/Commons/RelatedItemInEvidence/ItemInEvidence.jsx
+++ b/src/components/ItaliaTheme/View/Commons/RelatedItemInEvidence/ItemInEvidence.jsx
@@ -32,7 +32,7 @@ const ItemInEvidence = ({ content }) => {
       <Card className="card-bg rounded " noWrapper={true} tag="div">
         <CardBody tag="div">
           <ArgumentIcon icon={correlato_in_evidenza.icona} />
-          <CardTitle tag="h3">{correlato_in_evidenza.title}</CardTitle>
+          <CardTitle className="h3">{correlato_in_evidenza.title}</CardTitle>
           <CardText tag="p">{correlato_in_evidenza.description}</CardText>
           <CardReadMore
             iconName="it-arrow-right"
diff --git a/src/components/ItaliaTheme/View/Commons/RelatedItems.jsx b/src/components/ItaliaTheme/View/Commons/RelatedItems.jsx
index 3bd8c2ce7..888f9405c 100644
--- a/src/components/ItaliaTheme/View/Commons/RelatedItems.jsx
+++ b/src/components/ItaliaTheme/View/Commons/RelatedItems.jsx
@@ -96,9 +96,9 @@ const RelatedItems = ({
                               <div className="card-header">
                                 <Icon icon={SITE_SECTIONS[sectionId].icon} />
 
-                                <h5 className="card-title">
+                                <div className="card-title h5">
                                   {intl.formatMessage(messages[sectionId])}
-                                </h5>
+                                </div>
                               </div>
                               <div className="card-body">
                                 <div className="link-list-wrapper mt-3">
diff --git a/src/components/ItaliaTheme/View/Commons/RichText.jsx b/src/components/ItaliaTheme/View/Commons/RichText.jsx
index a48186b87..4a346c798 100644
--- a/src/components/ItaliaTheme/View/Commons/RichText.jsx
+++ b/src/components/ItaliaTheme/View/Commons/RichText.jsx
@@ -9,7 +9,8 @@ import { RichTextRender } from 'design-comuni-plone-theme/components/ItaliaTheme
  */
 const RichText = ({
   title,
-  title_size = 'h5',
+  title_size = 'h3',
+  title_class_name = 'h5',
   data,
   add_class,
   children,
@@ -33,6 +34,7 @@ const RichText = ({
         <Tag
           className={cx('mt-4 it-page-subsection', {
             'fw-bold': title_size === 'h6',
+            [title_class_name]: title_class_name,
           })}
         >
           {title}
@@ -48,6 +50,7 @@ export default RichText;
 RichText.propTypes = {
   title: PropTypes.string,
   title_size: PropTypes.oneOf(['h2', 'h3', 'h4', 'h5', 'h6']),
+  title_class_name: PropTypes.string,
   data: PropTypes.object,
   add_class: PropTypes.string,
   serif: PropTypes.bool,
diff --git a/src/components/ItaliaTheme/View/Commons/RichTextArticle.jsx b/src/components/ItaliaTheme/View/Commons/RichTextArticle.jsx
deleted file mode 100644
index c05a0cfc4..000000000
--- a/src/components/ItaliaTheme/View/Commons/RichTextArticle.jsx
+++ /dev/null
@@ -1,56 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { RichTextRender } from 'design-comuni-plone-theme/components/ItaliaTheme/View';
-/**
- * RichTextArticle view component class.
- * @function RichTextArticle
- * @params {object} content: Content object.
- * @returns {string} Markup of the component.
- */
-const RichTextArticle = ({
-  title,
-  title_size,
-  show_title = true,
-  data,
-  tag_id,
-  add_class,
-  children,
-}) => {
-  let content_to_display = RichTextRender({
-    data,
-    add_class,
-    serif: true,
-  });
-
-  return content_to_display || children ? (
-    <article
-      id={tag_id}
-      className="it-page-section anchor-offset mt-5"
-      menu_title={title ? title : ''}
-      aria-labelledby={title_size !== 'h5' ? `header-${tag_id}` : undefined}
-    >
-      {title && show_title ? (
-        title_size === 'h5' ? (
-          <h5>{title}</h5>
-        ) : (
-          <h4 id={`header-${tag_id}`}>{title}</h4>
-        )
-      ) : (
-        <h4 id={`header-${tag_id}`} style={{ display: 'none' }}>
-          {title}
-        </h4>
-      )}
-
-      {content_to_display}
-      {children}
-    </article>
-  ) : null;
-};
-export default RichTextArticle;
-
-RichTextArticle.propTypes = {
-  title: PropTypes.string,
-  data: PropTypes.object,
-  tag_id: PropTypes.string,
-  add_class: PropTypes.string,
-};
diff --git a/src/components/ItaliaTheme/View/Commons/RichTextSection.jsx b/src/components/ItaliaTheme/View/Commons/RichTextSection.jsx
index ad1e07e8f..b8a76280b 100644
--- a/src/components/ItaliaTheme/View/Commons/RichTextSection.jsx
+++ b/src/components/ItaliaTheme/View/Commons/RichTextSection.jsx
@@ -5,6 +5,7 @@ import { RichTextRender } from 'design-comuni-plone-theme/components/ItaliaTheme
 const RichTextSection = ({
   title,
   title_tag = 'h2',
+  title_class_name = 'h4',
   show_title = true,
   data,
   tag_id,
@@ -41,8 +42,9 @@ const RichTextSection = ({
       {title && (
         <Tag
           id={title_tag === 'h2' ? `header-${tag_id}` : undefined}
-          className={cx('mb-3 h4', {
-            'sr-only': !show_title,
+          className={cx('mb-3', {
+            'visually-hidden': !show_title,
+            [title_class_name]: title_class_name,
           })}
         >
           {title}
@@ -58,6 +60,7 @@ export default RichTextSection;
 RichTextSection.propTypes = {
   title: PropTypes.string,
   title_tag: PropTypes.oneOf(['h2', 'h3', 'h4', 'h5', 'h6']),
+  title_class_name: PropTypes.string,
   data: PropTypes.object,
   tag_id: PropTypes.string,
   add_class: PropTypes.string,
diff --git a/src/components/ItaliaTheme/View/Commons/SmallVenue.jsx b/src/components/ItaliaTheme/View/Commons/SmallVenue.jsx
index 0424eaa3a..23035376d 100644
--- a/src/components/ItaliaTheme/View/Commons/SmallVenue.jsx
+++ b/src/components/ItaliaTheme/View/Commons/SmallVenue.jsx
@@ -35,11 +35,11 @@ const SmallVenue = ({ venue }) => {
     <>
       <div className="card card-teaser shadow mt-3 rounded bigborder">
         <div className="card-body">
-          <h5 className="card-title">
+          <div className="card-title h5">
             <UniversalLink item={venue_fo} title={venue_fo.title}>
               {venue_fo.title}
             </UniversalLink>
-          </h5>
+          </div>
           <div className="card-text">
             {venue_fo.telefono && (
               <p>
diff --git a/src/components/ItaliaTheme/View/Commons/TrasparenzaFields.jsx b/src/components/ItaliaTheme/View/Commons/TrasparenzaFields.jsx
index 877200d8f..e8ad474a0 100644
--- a/src/components/ItaliaTheme/View/Commons/TrasparenzaFields.jsx
+++ b/src/components/ItaliaTheme/View/Commons/TrasparenzaFields.jsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
 import {
-  RichTextArticle,
+  RichTextSection,
   RichTextRender,
 } from 'design-comuni-plone-theme/components/ItaliaTheme/View';
 import { UniversalLink } from '@plone/volto/components';
@@ -284,12 +284,12 @@ const TrasparenzaFields = ({ content }) => {
   });
 
   return fields.length > 0 ? (
-    <RichTextArticle
+    <RichTextSection
       tag_id="trasparenza"
       title={intl.formatMessage(messages.trasparenza)}
     >
       <dl className="trasparenza-fields">{fields}</dl>
-    </RichTextArticle>
+    </RichTextSection>
   ) : null;
 };
 
diff --git a/src/components/ItaliaTheme/View/Commons/VenuesSmall.jsx b/src/components/ItaliaTheme/View/Commons/VenuesSmall.jsx
index f3a0efaf9..9b0f16d49 100644
--- a/src/components/ItaliaTheme/View/Commons/VenuesSmall.jsx
+++ b/src/components/ItaliaTheme/View/Commons/VenuesSmall.jsx
@@ -47,10 +47,10 @@ const Location = ({ location, show_icon }) => {
   let location_fo = locationContent?.data;
 
   return location_fo ? (
-    <div className="card card-teaser shadow mt-3 rounded">
+    <div className="card card-teaser shadow border-left-card mt-3 rounded">
       {show_icon && <Icon icon={'it-pin'} />}
       <div className="card-body">
-        <h5 className="card-title">{location_fo.title}</h5>
+        <div className="card-title h5">{location_fo.title}</div>
         <div className="card-text">
           {(location_fo.street || location_fo.zip_code) && (
             <p>
diff --git a/src/components/ItaliaTheme/View/Commons/index.jsx b/src/components/ItaliaTheme/View/Commons/index.jsx
index 1b3fb7102..e22bad0a2 100644
--- a/src/components/ItaliaTheme/View/Commons/index.jsx
+++ b/src/components/ItaliaTheme/View/Commons/index.jsx
@@ -6,7 +6,6 @@ export VenuesSmall from 'design-comuni-plone-theme/components/ItaliaTheme/View/C
 export WideImage from 'design-comuni-plone-theme/components/ItaliaTheme/View/Commons/WideImage';
 export SideMenu from 'design-comuni-plone-theme/components/ItaliaTheme/View/Commons/SideMenu';
 export PageHeader from 'design-comuni-plone-theme/components/ItaliaTheme/View/Commons/PageHeader/PageHeader';
-export RichTextArticle from 'design-comuni-plone-theme/components/ItaliaTheme/View/Commons/RichTextArticle';
 export OfficeCard from 'design-comuni-plone-theme/components/ItaliaTheme/View/Commons/OfficeCard';
 export Metadata from 'design-comuni-plone-theme/components/ItaliaTheme/View/Commons/Metadata';
 export Sharing from 'design-comuni-plone-theme/components/ItaliaTheme/View/Commons/Sharing';
diff --git a/src/components/ItaliaTheme/View/DocumentoView/DocumentoAutori.jsx b/src/components/ItaliaTheme/View/DocumentoView/DocumentoAutori.jsx
index 329fd227e..9b06567d9 100644
--- a/src/components/ItaliaTheme/View/DocumentoView/DocumentoAutori.jsx
+++ b/src/components/ItaliaTheme/View/DocumentoView/DocumentoAutori.jsx
@@ -37,7 +37,8 @@ const DocumentoAutori = ({ autori, title }) => {
               <CardPersona
                 item={autore}
                 className="shadow-sm"
-                titleTagName="h5"
+                titleTagName="div"
+                titleClassName="h5"
                 showImage={true}
               />
             </Col>
diff --git a/src/components/ItaliaTheme/View/DocumentoView/DocumentoDocumenti.jsx b/src/components/ItaliaTheme/View/DocumentoView/DocumentoDocumenti.jsx
index 5bf734de4..a3bca83fb 100644
--- a/src/components/ItaliaTheme/View/DocumentoView/DocumentoDocumenti.jsx
+++ b/src/components/ItaliaTheme/View/DocumentoView/DocumentoDocumenti.jsx
@@ -28,6 +28,7 @@ const DocumentoDocumenti = ({ content }) => {
         title={intl.formatMessage(messages.documenti)}
         id="elenco-documenti"
       />
+
       {richTextHasContent(content.formati_disponibili) && (
         <RichTextSection
           tag_id="formats"
diff --git a/src/components/ItaliaTheme/View/DocumentoView/DocumentoUlterioriInformazioni.jsx b/src/components/ItaliaTheme/View/DocumentoView/DocumentoUlterioriInformazioni.jsx
index ca9478136..9fdbcffad 100644
--- a/src/components/ItaliaTheme/View/DocumentoView/DocumentoUlterioriInformazioni.jsx
+++ b/src/components/ItaliaTheme/View/DocumentoView/DocumentoUlterioriInformazioni.jsx
@@ -23,8 +23,9 @@ const DocumentoUlterioriInformazioni = ({ content }) => {
       richTextHasContent(content?.riferimenti_normativi),
     [content],
   );
+
   return (
-    <Metadata content={content} showSectionTitle={showSectionTitle}>
+    <Metadata content={content} showSectionTitle={showSectionTitle} title="">
       {richTextHasContent(content?.ulteriori_informazioni) && (
         <HelpBox text={content?.ulteriori_informazioni} />
       )}
@@ -32,7 +33,9 @@ const DocumentoUlterioriInformazioni = ({ content }) => {
       {/* RIFERIMENTI NORMATIVI */}
       {richTextHasContent(content?.riferimenti_normativi) && (
         <div className="mt-2">
-          <h5>{intl.formatMessage(messages.riferimenti_normativi)}</h5>
+          <h3 className="h5 mb-3">
+            {intl.formatMessage(messages.riferimenti_normativi)}
+          </h3>
           <RichText serif={false} data={content.riferimenti_normativi} />
         </div>
       )}
diff --git a/src/components/ItaliaTheme/View/DocumentoView/DocumentoView.jsx b/src/components/ItaliaTheme/View/DocumentoView/DocumentoView.jsx
index 4ea5edcb6..9bfab862e 100644
--- a/src/components/ItaliaTheme/View/DocumentoView/DocumentoView.jsx
+++ b/src/components/ItaliaTheme/View/DocumentoView/DocumentoView.jsx
@@ -72,7 +72,7 @@ const DocumentoView = ({ content, location }) => {
         {/* HEADER IMAGE */}
         <ContentImage content={content} position="afterHeader" />
 
-        <div className="row row-column-border row-column-menu-left">
+        <div className="row row-column-border border-light row-column-menu-left">
           <aside className="col-lg-4">
             {__CLIENT__ && (
               <SideMenu data={sideMenuElements} content_uid={content?.UID} />
@@ -81,7 +81,7 @@ const DocumentoView = ({ content, location }) => {
           <section
             ref={documentBody}
             id="main-content-section"
-            className="col-lg-8 it-page-sections-container"
+            className="col-lg-8 it-page-sections-container border-light"
           >
             {/* SEZIONI */}
             <ContentTypeViewSections
diff --git a/src/components/ItaliaTheme/View/EventoView/EventoContatti.jsx b/src/components/ItaliaTheme/View/EventoView/EventoContatti.jsx
index 0ea90ff12..1dc5953c1 100644
--- a/src/components/ItaliaTheme/View/EventoView/EventoContatti.jsx
+++ b/src/components/ItaliaTheme/View/EventoView/EventoContatti.jsx
@@ -34,22 +34,8 @@ const messages = defineMessages({
   },
 });
 
-const EventoDocumenti = ({ content }) => {
+const EventoContatti = ({ content }) => {
   const intl = useIntl();
-  const getSupportatoDa = () => {
-    return (
-      content?.supportato_da?.length > 0 && (
-        <>
-          <h5 className="mt-4 supported-by">
-            {intl.formatMessage(messages.supported_by)}
-          </h5>
-          {content?.supportato_da?.map((item) => (
-            <OfficeCard key={item['@id']} office={item} icon={'it-pa'} />
-          ))}
-        </>
-      )
-    );
-  };
 
   return richTextHasContent(content?.organizzato_da_esterno) ||
     content?.organizzato_da_interno.length > 0 ||
@@ -62,7 +48,6 @@ const EventoDocumenti = ({ content }) => {
       {content.contact_info.map((contact) => (
         <ContactsCard contact={contact} key={contact['@id']} />
       ))}
-
       {/* ---organizzato da esterno */}
       {richTextHasContent(content?.organizzato_da_esterno) ||
       content?.telefono ||
@@ -74,9 +59,8 @@ const EventoDocumenti = ({ content }) => {
             noWrapper={true}
             tag="div"
           >
-            <CardTitle tag="h5">
-              <Icon icon="it-telephone" padding={true} />
-            </CardTitle>
+            <Icon icon="it-telephone" />
+
             <CardBody tag="div" className={'card-body pe-3'}>
               <RichText data={content.organizzato_da_esterno} />
               {content?.telefono && (
@@ -104,11 +88,10 @@ const EventoDocumenti = ({ content }) => {
           </Card>
         </div>
       ) : null}
-
       {/* ---contatti interno */}
       {content?.organizzato_da_interno?.length > 0 && (
         <div className="mb-5">
-          <h5>{intl.formatMessage(messages.organizzato_da)}</h5>
+          <h3 className="h5">{intl.formatMessage(messages.organizzato_da)}</h3>
           {content?.organizzato_da_interno?.map((item, index) => (
             <OfficeCard
               margin_bottom={
@@ -127,15 +110,23 @@ const EventoDocumenti = ({ content }) => {
           ))}
         </div>
       )}
-
       {/* ---supportato da */}
-      {getSupportatoDa()}
+      {content?.supportato_da?.length > 0 && (
+        <div className="mb-5">
+          <h3 className="mt-4 supported-by h5">
+            {intl.formatMessage(messages.supported_by)}
+          </h3>
+          {content?.supportato_da?.map((item) => (
+            <OfficeCard key={item['@id']} office={item} icon={'it-pa'} />
+          ))}
+        </div>
+      )}
     </RichTextSection>
   ) : null;
 };
 
-EventoDocumenti.propTypes = {
+EventoContatti.propTypes = {
   content: PropTypes.object.isRequired,
 };
 
-export default EventoDocumenti;
+export default EventoContatti;
diff --git a/src/components/ItaliaTheme/View/EventoView/EventoCosE.jsx b/src/components/ItaliaTheme/View/EventoView/EventoCosE.jsx
index f1e670518..939176598 100644
--- a/src/components/ItaliaTheme/View/EventoView/EventoCosE.jsx
+++ b/src/components/ItaliaTheme/View/EventoView/EventoCosE.jsx
@@ -50,9 +50,9 @@ const EventoCosE = ({ content }) => {
     >
       {content?.persone_amministrazione?.length > 0 && (
         <>
-          <h5 className="parteciperanno-section">
+          <h3 className="parteciperanno-section h5">
             {intl.formatMessage(messages.parteciperanno)}
-          </h5>
+          </h3>
           {content?.persone_amministrazione?.map((item, i) => (
             <UniversalLink
               href={flattenToAppURL(item['@id'])}
@@ -83,7 +83,6 @@ const EventoCosE = ({ content }) => {
       {richTextHasContent(content?.descrizione_destinatari) && (
         <div className="mb-5 pt-2">
           <RichText
-            title_size="h5"
             title={intl.formatMessage(messages.a_chi_rivolto)}
             data={content?.descrizione_destinatari}
           />
diff --git a/src/components/ItaliaTheme/View/EventoView/EventoSponsors.jsx b/src/components/ItaliaTheme/View/EventoView/EventoSponsors.jsx
index 11bf749e4..a92480116 100644
--- a/src/components/ItaliaTheme/View/EventoView/EventoSponsors.jsx
+++ b/src/components/ItaliaTheme/View/EventoView/EventoSponsors.jsx
@@ -4,7 +4,9 @@ import PropTypes from 'prop-types';
 import { Sponsors } from 'design-comuni-plone-theme/components/ItaliaTheme/View';
 
 const EventoSponsors = ({ content }) => (
-  <Sponsors content={content} folder_name={'sponsor_evento'} />
+  <section id="sponsors" className="it-page-section mb-5">
+    <Sponsors content={content} folder_name={'sponsor_evento'} />
+  </section>
 );
 
 EventoSponsors.propTypes = {
diff --git a/src/components/ItaliaTheme/View/EventoView/EventoUlterioriInformazioni.jsx b/src/components/ItaliaTheme/View/EventoView/EventoUlterioriInformazioni.jsx
index 62c77724a..40c2692d5 100644
--- a/src/components/ItaliaTheme/View/EventoView/EventoUlterioriInformazioni.jsx
+++ b/src/components/ItaliaTheme/View/EventoView/EventoUlterioriInformazioni.jsx
@@ -45,7 +45,7 @@ const EventoUlterioriInformazioni = ({ content }) => {
       )}
       {content?.event_url && (
         <div className="mt-4">
-          <h5>{intl.formatMessage(messages.event_url)}</h5>
+          <h3 className="h5">{intl.formatMessage(messages.event_url)}</h3>
           <UniversalLink href={content.event_url}>
             {content.event_url}
           </UniversalLink>
@@ -56,7 +56,6 @@ const EventoUlterioriInformazioni = ({ content }) => {
           {richTextHasContent(content?.patrocinato_da) && (
             <div className="mb-5">
               <RichText
-                title_size="h5"
                 title={intl.formatMessage(messages.patrocinato_da)}
                 data={content?.patrocinato_da}
               />
@@ -66,7 +65,9 @@ const EventoUlterioriInformazioni = ({ content }) => {
       )}
       {content?.strutture_politiche?.length > 0 && (
         <div className="mt-4">
-          <h5>{intl.formatMessage(messages.strutture_politiche)}</h5>
+          <h3 className="h5">
+            {intl.formatMessage(messages.strutture_politiche)}
+          </h3>
           <div className="card-wrapper card-teaser-wrapper card-teaser-wrapper-equal">
             {content?.strutture_politiche?.map((item, i) => (
               <GenericCard
diff --git a/src/components/ItaliaTheme/View/EventoView/EventoView.jsx b/src/components/ItaliaTheme/View/EventoView/EventoView.jsx
index 0dedb7c57..a1afa037e 100644
--- a/src/components/ItaliaTheme/View/EventoView/EventoView.jsx
+++ b/src/components/ItaliaTheme/View/EventoView/EventoView.jsx
@@ -78,7 +78,7 @@ const EventoView = ({ content, location }) => {
         {/* HEADER IMAGE */}
         <ContentImage content={content} position="afterHeader" />
 
-        <div className="row row-column-border row-column-menu-left">
+        <div className="row row-column-border border-light row-column-menu-left">
           <aside className="col-lg-4">
             {__CLIENT__ && (
               <SideMenu data={sideMenuElements} content_uid={content?.UID} />
@@ -87,7 +87,7 @@ const EventoView = ({ content, location }) => {
           <section
             ref={documentBody}
             id="main-content-section"
-            className="col-lg-8 it-page-sections-container"
+            className="col-lg-8 it-page-sections-container border-light"
           >
             {/* SEZIONI */}
             <ContentTypeViewSections
diff --git a/src/components/ItaliaTheme/View/IncaricoView/IncaricoPersone.jsx b/src/components/ItaliaTheme/View/IncaricoView/IncaricoPersone.jsx
index 38265511b..dd51fd00e 100644
--- a/src/components/ItaliaTheme/View/IncaricoView/IncaricoPersone.jsx
+++ b/src/components/ItaliaTheme/View/IncaricoView/IncaricoPersone.jsx
@@ -3,6 +3,7 @@ import { defineMessages, useIntl } from 'react-intl';
 import { Link } from 'react-router-dom';
 import { flattenToAppURL } from '@plone/volto/helpers';
 import { Chip, ChipLabel } from 'design-react-kit';
+import { RichTextSection } from 'design-comuni-plone-theme/components/ItaliaTheme/View';
 
 const messages = defineMessages({
   persona: {
@@ -15,10 +16,10 @@ const IncaricoPersone = ({ content }) => {
   const intl = useIntl();
 
   return content?.persona?.length > 0 ? (
-    <section id="persone-struttura" className="it-page-section mb-5">
-      <h2 id="header-persone-struttura">
-        {intl.formatMessage(messages.persona)}
-      </h2>
+    <RichTextSection
+      tag_id="persone-struttura"
+      title={intl.formatMessage(messages.persona)}
+    >
       <div className="ruolo-persone-struttura">
         {content?.persona?.map((person, _i) => (
           <Link
@@ -39,7 +40,7 @@ const IncaricoPersone = ({ content }) => {
           </Link>
         ))}
       </div>
-    </section>
+    </RichTextSection>
   ) : null;
 };
 
diff --git a/src/components/ItaliaTheme/View/IncaricoView/IncaricoView.jsx b/src/components/ItaliaTheme/View/IncaricoView/IncaricoView.jsx
index 7f1ce84ee..88999d6db 100644
--- a/src/components/ItaliaTheme/View/IncaricoView/IncaricoView.jsx
+++ b/src/components/ItaliaTheme/View/IncaricoView/IncaricoView.jsx
@@ -82,7 +82,7 @@ const IncaricoView = (props) => {
         showtassonomiaargomenti={false}
       />
       <section
-        className="col-lg-12 it-page-sections-container my-4 py-4"
+        className="col-lg-12 it-page-sections-container border-light my-4 py-4"
         id="main-content-section"
       >
         {content.tipologia_incarico && (
diff --git a/src/components/ItaliaTheme/View/NewsItemView/NewsItemView.jsx b/src/components/ItaliaTheme/View/NewsItemView/NewsItemView.jsx
index 5e7fd42f4..98c11cdfd 100644
--- a/src/components/ItaliaTheme/View/NewsItemView/NewsItemView.jsx
+++ b/src/components/ItaliaTheme/View/NewsItemView/NewsItemView.jsx
@@ -84,12 +84,12 @@ const NewsItemView = ({ content, location }) => {
 
         {/* HEADER IMAGE */}
         <ContentImage content={content} position="afterHeader" />
-        <div className="row row-column-border row-column-menu-left">
+        <div className="row row-column-border border-light row-column-menu-left">
           <aside className="col-lg-4">
             <SideMenu data={sideMenuElements} content_uid={content?.UID} />
           </aside>
           <section
-            className="col-lg-8 it-page-sections-container"
+            className="col-lg-8 it-page-sections-container border-light"
             id="main-content-section"
             ref={documentBody}
           >
diff --git a/src/components/ItaliaTheme/View/PaginaArgomentoView/PaginaArgomentoViewNoBlocks.jsx b/src/components/ItaliaTheme/View/PaginaArgomentoView/PaginaArgomentoViewNoBlocks.jsx
index b50b91c44..426bd7f75 100644
--- a/src/components/ItaliaTheme/View/PaginaArgomentoView/PaginaArgomentoViewNoBlocks.jsx
+++ b/src/components/ItaliaTheme/View/PaginaArgomentoView/PaginaArgomentoViewNoBlocks.jsx
@@ -92,12 +92,12 @@ const PaginaArgomentoViewNoBlocks = ({ content }) => {
         {/* HEADER IMAGE */}
         <ContentImage content={content} position="afterHeader" />
 
-        <div className="row row-column-border row-column-menu-left">
+        <div className="row row-column-border border-light row-column-menu-left">
           <aside className="col-lg-4">
             <SideMenu data={sideMenuElements} content_uid={content?.UID} />
           </aside>
           <section
-            className="col-lg-8 it-page-sections-container"
+            className="col-lg-8 it-page-sections-container border-light"
             id="main-content-section"
             ref={documentBody}
           >
diff --git a/src/components/ItaliaTheme/View/PersonaView/PersonaRuolo.jsx b/src/components/ItaliaTheme/View/PersonaView/PersonaRuolo.jsx
index 53a15d509..186f649a0 100644
--- a/src/components/ItaliaTheme/View/PersonaView/PersonaRuolo.jsx
+++ b/src/components/ItaliaTheme/View/PersonaView/PersonaRuolo.jsx
@@ -296,7 +296,6 @@ const PersonaRuolo = ({ content }) => {
           content={content}
           folder_name="foto-e-attivita-politica"
           title={intl.formatMessage(messages.foto_attivita_politica)}
-          title_type="h3"
         />
       )}
 
diff --git a/src/components/ItaliaTheme/View/PersonaView/PersonaView.jsx b/src/components/ItaliaTheme/View/PersonaView/PersonaView.jsx
index 38d731be1..7337cb4a3 100644
--- a/src/components/ItaliaTheme/View/PersonaView/PersonaView.jsx
+++ b/src/components/ItaliaTheme/View/PersonaView/PersonaView.jsx
@@ -58,12 +58,12 @@ const PersonaView = ({ content }) => {
           showdates={false}
           showtassonomiaargomenti={true}
         />
-        <div className="row row-column-border row-column-menu-left">
+        <div className="row row-column-border border-light row-column-menu-left">
           <aside className="col-lg-4">
             <SideMenu data={sideMenuElements} content_uid={content?.UID} />
           </aside>
           <section
-            className="col-lg-8 it-page-sections-container"
+            className="col-lg-8 it-page-sections-container border-light"
             id="main-content-section"
             ref={documentBody}
           >
diff --git a/src/components/ItaliaTheme/View/PuntoDiContattoView/PuntoDiContattoView.jsx b/src/components/ItaliaTheme/View/PuntoDiContattoView/PuntoDiContattoView.jsx
index 16943d27d..d8512166a 100644
--- a/src/components/ItaliaTheme/View/PuntoDiContattoView/PuntoDiContattoView.jsx
+++ b/src/components/ItaliaTheme/View/PuntoDiContattoView/PuntoDiContattoView.jsx
@@ -14,7 +14,7 @@ import {
   PuntoDiContattoPlaceholderAfterRelatedItems,
   RelatedItems,
   IncaricoPersone,
-  RichTextArticle,
+  RichTextSection,
   RelatedItemsChipsPDC,
 } from 'design-comuni-plone-theme/components/ItaliaTheme/View';
 import { renderPDCItemValue } from 'design-comuni-plone-theme/helpers';
@@ -88,51 +88,53 @@ const PuntoDiContattoView = (props) => {
   const { content } = props;
   const intl = useIntl();
   return (
-    <div className="container px-4 my-4 punto-di-contatto-view">
-      <SkipToMainContent />
-      <PageHeader
-        content={{ ...content, stato_servizio: null }}
-        showreadingtime={false}
-        showdates={false}
-        showtassonomiaargomenti={false}
-      />
-      <section
-        className="col-lg-12 it-page-sections-container my-4 py-4"
-        id="main-content-section"
-      >
-        {/* TODO: add tipologia when present */}
-        <RichTextArticle
-          tag_id="contatti"
-          title={intl.formatMessage(messages.contatti)}
-        >
-          {content?.value_punto_contatto?.map((pdc, i) => {
-            return (
-              <div className="my-2" key={i}>
-                <h6>
-                  {messages[pdc?.pdc_type] === undefined
-                    ? pdc?.pdc_type
-                    : intl.formatMessage(messages.label, {
-                        value: intl.formatMessage(messages[pdc?.pdc_type]),
-                      })}
-                  <span className="ml-1">{renderPDCItemValue(pdc)}</span>
-                </h6>
-              </div>
-            );
-          })}
-        </RichTextArticle>
-        <IncaricoPersone content={content} />
-        <RelatedItemsChipsPDC
-          content={content}
-          fieldLists={[
-            'strutture_correlate',
-            'servizi_correlati',
-            'eventi_correlati',
-            'luoghi_correlati',
-            'persone_correlate',
-          ]}
+    <div className="punto-di-contatto-view">
+      <div className="container px-4 my-4">
+        <SkipToMainContent />
+        <PageHeader
+          content={{ ...content, stato_servizio: null }}
+          showreadingtime={false}
+          showdates={false}
+          showtassonomiaargomenti={false}
         />
-      </section>
-      <PuntoDiContattoPlaceholderAfterContent content={content} />
+        <section
+          className="col-lg-12 it-page-sections-container border-light my-4 py-4"
+          id="main-content-section"
+        >
+          {/* TODO: add tipologia when present */}
+          <RichTextSection
+            tag_id="contatti"
+            title={intl.formatMessage(messages.contatti)}
+          >
+            {content?.value_punto_contatto?.map((pdc, i) => {
+              return (
+                <div className="my-2" key={i}>
+                  <h5 className="h6">
+                    {messages[pdc?.pdc_type] === undefined
+                      ? pdc?.pdc_type
+                      : intl.formatMessage(messages.label, {
+                          value: intl.formatMessage(messages[pdc?.pdc_type]),
+                        })}
+                    <span className="ml-1">{renderPDCItemValue(pdc)}</span>
+                  </h5>
+                </div>
+              );
+            })}
+          </RichTextSection>
+          <IncaricoPersone content={content} />
+          <RelatedItemsChipsPDC
+            content={content}
+            fieldLists={[
+              'strutture_correlate',
+              'servizi_correlati',
+              'eventi_correlati',
+              'luoghi_correlati',
+              'persone_correlate',
+            ]}
+          />
+        </section>
+        <PuntoDiContattoPlaceholderAfterContent content={content} />
+      </div>
       <RelatedItems list={content?.relatedItems} />
       <PuntoDiContattoPlaceholderAfterRelatedItems content={content} />
     </div>
diff --git a/src/components/ItaliaTheme/View/ServizioView/ServizioAChiSiRivolge.jsx b/src/components/ItaliaTheme/View/ServizioView/ServizioAChiSiRivolge.jsx
index 24b2182c7..4d9b3cee3 100644
--- a/src/components/ItaliaTheme/View/ServizioView/ServizioAChiSiRivolge.jsx
+++ b/src/components/ItaliaTheme/View/ServizioView/ServizioAChiSiRivolge.jsx
@@ -37,14 +37,18 @@ const ServizioAChiSiRivolge = ({ content }) => {
       {richTextHasContent(content.chi_puo_presentare) && (
         <RichText
           title={intl.formatMessage(messages.chi_puo_presentare)}
-          title_size="h4"
+          title_size="h3"
+          title_class_name="h5"
+          add_class="mb-5"
           data={content.chi_puo_presentare}
         />
       )}
       {richTextHasContent(content.copertura_geografica) && (
         <RichText
           title={intl.formatMessage(messages.copertura_geografica)}
-          title_size="h4"
+          title_size="h3"
+          title_class_name="h5"
+          add_class="mb-5"
           data={content.copertura_geografica}
         />
       )}
diff --git a/src/components/ItaliaTheme/View/ServizioView/ServizioAccedi.jsx b/src/components/ItaliaTheme/View/ServizioView/ServizioAccedi.jsx
index e685bc527..8ff5d8de6 100644
--- a/src/components/ItaliaTheme/View/ServizioView/ServizioAccedi.jsx
+++ b/src/components/ItaliaTheme/View/ServizioView/ServizioAccedi.jsx
@@ -40,12 +40,14 @@ const ServizioAccedi = ({ content }) => {
           )}
           <RichText data={content.prenota_appuntamento} content={content} />
           {content.canale_fisico?.map?.((canale) => (
-            <OfficeCard
-              key={canale['@id']}
-              office={canale}
-              load_data={false}
-              data-element="service-generic-access"
-            />
+            <div className="mt-3">
+              <OfficeCard
+                key={canale['@id']}
+                office={canale}
+                load_data={false}
+                data-element="service-generic-access"
+              />
+            </div>
           ))}
         </RichTextSection>
       )}
diff --git a/src/components/ItaliaTheme/View/ServizioView/ServizioCostiVincoli.jsx b/src/components/ItaliaTheme/View/ServizioView/ServizioCostiVincoli.jsx
index 4b43ffa94..57385b114 100644
--- a/src/components/ItaliaTheme/View/ServizioView/ServizioCostiVincoli.jsx
+++ b/src/components/ItaliaTheme/View/ServizioView/ServizioCostiVincoli.jsx
@@ -44,7 +44,8 @@ const ServizioCostiVincoli = ({ content }) => {
               ? intl.formatMessage(messages.vincoli)
               : null
           }
-          title_size="h4"
+          title_size="h3"
+          title_class_name="h5"
           add_class="mb-5"
           data={content.vincoli}
         />
diff --git a/src/components/ItaliaTheme/View/ServizioView/ServizioSitiEsterni.jsx b/src/components/ItaliaTheme/View/ServizioView/ServizioSitiEsterni.jsx
index 9132456fc..477cd35c9 100644
--- a/src/components/ItaliaTheme/View/ServizioView/ServizioSitiEsterni.jsx
+++ b/src/components/ItaliaTheme/View/ServizioView/ServizioSitiEsterni.jsx
@@ -28,7 +28,7 @@ const ServizioSitiEsterni = ({ content }) => {
         tag="div"
       >
         <CardBody tag="div">
-          <RichText add_class="p-4 pt-0" data={content.link_siti_esterni} />
+          <RichText add_class="p-4 py-0" data={content.link_siti_esterni} />
         </CardBody>
       </Card>
     </RichTextSection>
diff --git a/src/components/ItaliaTheme/View/ServizioView/ServizioView.jsx b/src/components/ItaliaTheme/View/ServizioView/ServizioView.jsx
index 22b5637f3..e90a4ff9e 100644
--- a/src/components/ItaliaTheme/View/ServizioView/ServizioView.jsx
+++ b/src/components/ItaliaTheme/View/ServizioView/ServizioView.jsx
@@ -132,13 +132,13 @@ const ServizioView = ({ content, moment }) => {
         {/* HEADER IMAGE */}
         <ContentImage content={content} position="afterHeader" />
 
-        <div className="row row-column-border row-column-menu-left">
+        <div className="row row-column-border border-light row-column-menu-left">
           <aside className="col-lg-4 ">
             <SideMenu data={sideMenuElements} content_uid={content?.UID} />
           </aside>
           <section
             id="main-content-section"
-            className="col-lg-8 it-page-sections-container"
+            className="col-lg-8 it-page-sections-container border-light"
             ref={documentBody}
           >
             {/* SEZIONI */}
diff --git a/src/components/ItaliaTheme/View/UOView/UOContacts.jsx b/src/components/ItaliaTheme/View/UOView/UOContacts.jsx
index 3c0f8419a..a0bd6d795 100644
--- a/src/components/ItaliaTheme/View/UOView/UOContacts.jsx
+++ b/src/components/ItaliaTheme/View/UOView/UOContacts.jsx
@@ -34,7 +34,7 @@ const UOContacts = ({ content }) => {
         content?.zip_code?.length > 0 ||
         richTextHasContent(content?.orario_pubblico) ||
         content?.contact_info?.length > 0) && (
-        <section id="contatti" className="it-page-section anchor-offset mt-5">
+        <section id="contatti" className="it-page-section anchor-offset mb-5">
           <h2 id="header-contatti" className="mb-3 h4">
             {intl.formatMessage(messages.contatti)}
           </h2>
@@ -43,13 +43,15 @@ const UOContacts = ({ content }) => {
           <UOContactsLocations content={content} />
 
           {richTextHasContent(content.contact_info) && (
-            <div className="mb-5 mt-3">
+            <div className="mb-5">
               <RichText data={content.contact_info} />
             </div>
           )}
           {richTextHasContent(content.orario_pubblico) && (
-            <div className="mb-5 mt-3">
-              <h5>{intl.formatMessage(messages.orario_pubblico)}</h5>
+            <div className="mb-5">
+              <h3 className="h5">
+                {intl.formatMessage(messages.orario_pubblico)}
+              </h3>
               <RichText data={content.orario_pubblico} />
             </div>
           )}
diff --git a/src/components/ItaliaTheme/View/UOView/UOContactsParts/UOContactsContacts.jsx b/src/components/ItaliaTheme/View/UOView/UOContactsParts/UOContactsContacts.jsx
index 59e23d018..5a45b651d 100644
--- a/src/components/ItaliaTheme/View/UOView/UOContactsParts/UOContactsContacts.jsx
+++ b/src/components/ItaliaTheme/View/UOView/UOContactsParts/UOContactsContacts.jsx
@@ -4,10 +4,13 @@ import { ContactsCard } from 'design-comuni-plone-theme/components/ItaliaTheme/V
 
 const UOContactsContacts = ({ content }) => {
   return (
-    content?.contact_info?.length > 0 &&
-    content.contact_info.map((contact) => (
-      <ContactsCard contact={contact} key={contact['@id']} />
-    ))
+    content?.contact_info?.length > 0 && (
+      <div className="mb-5">
+        {content.contact_info.map((contact) => (
+          <ContactsCard contact={contact} key={contact['@id']} />
+        ))}
+      </div>
+    )
   );
 };
 export default UOContactsContacts;
diff --git a/src/components/ItaliaTheme/View/UOView/UOContactsParts/UOContactsLocations.jsx b/src/components/ItaliaTheme/View/UOView/UOContactsParts/UOContactsLocations.jsx
index 3dd9d8aa1..edc4f5e98 100644
--- a/src/components/ItaliaTheme/View/UOView/UOContactsParts/UOContactsLocations.jsx
+++ b/src/components/ItaliaTheme/View/UOView/UOContactsParts/UOContactsLocations.jsx
@@ -12,7 +12,7 @@ const UOContactsLocations = ({ content }) => {
     content?.zip_code?.length > 0 ||
     content?.quartiere?.length > 0 ||
     content?.circoscrizione?.length > 0 ? (
-    <div className="mb-5 mt-3">
+    <div className="mb-5">
       <Locations
         content={content}
         locations={content.sede ?? []}
diff --git a/src/components/ItaliaTheme/View/UOView/UOContactsParts/UOContactsSediSecondarie.jsx b/src/components/ItaliaTheme/View/UOView/UOContactsParts/UOContactsSediSecondarie.jsx
index e4dc99e22..16afb532a 100644
--- a/src/components/ItaliaTheme/View/UOView/UOContactsParts/UOContactsSediSecondarie.jsx
+++ b/src/components/ItaliaTheme/View/UOView/UOContactsParts/UOContactsSediSecondarie.jsx
@@ -13,11 +13,16 @@ const UOContactsSediSecondarie = ({ content }) => {
   const intl = useIntl();
 
   return content.sedi_secondarie?.length > 0 ? (
-    <div className="mb-5 mt-5">
-      <h5>{intl.formatMessage(messages.altre_sedi)}</h5>
+    <div className="mb-5">
+      <h3 className="h5">{intl.formatMessage(messages.altre_sedi)}</h3>
       <div className="card-wrapper card-teaser-wrapper card-teaser-wrapper-equal">
         {content.sedi_secondarie.map((item, _i) => (
-          <GenericCard key={item['@id']} item={item} showimage={false} />
+          <GenericCard
+            key={item['@id']}
+            item={item}
+            showimage={false}
+            className="my-3"
+          />
         ))}
       </div>
     </div>
diff --git a/src/components/ItaliaTheme/View/UOView/UODocuments.jsx b/src/components/ItaliaTheme/View/UOView/UODocuments.jsx
index 8029d4e2b..fce571c02 100644
--- a/src/components/ItaliaTheme/View/UOView/UODocuments.jsx
+++ b/src/components/ItaliaTheme/View/UOView/UODocuments.jsx
@@ -21,11 +21,8 @@ const UODocuments = ({ content }) => {
     <>
       {(contentFolderHasItems(content, 'allegati') ||
         content.documenti_pubblici?.length > 0) && (
-        <section
-          id="allegati"
-          className="it-page-section anchor-offset mt-5 mb-5"
-        >
-          <h2 className="h4" id="header-allegati">
+        <section id="allegati" className="it-page-section anchor-offset mb-5">
+          <h2 className="mb-3 h4" id="header-allegati">
             {intl.formatMessage(messages.documenti)}
           </h2>
           <Attachments
@@ -33,6 +30,7 @@ const UODocuments = ({ content }) => {
             folder_name={'allegati'}
             as_section={false}
           />
+
           <Row className="card-wrapper card-teaser-wrapper documenti-pubblici">
             {content?.documenti_pubblici?.map((dp, i) => (
               <Attachment {...dp} download_url={dp?.['@id']} key={dp['@id']} />
diff --git a/src/components/ItaliaTheme/View/UOView/UOPeople.jsx b/src/components/ItaliaTheme/View/UOView/UOPeople.jsx
index 3f00dfc6e..7ae54c0b5 100644
--- a/src/components/ItaliaTheme/View/UOView/UOPeople.jsx
+++ b/src/components/ItaliaTheme/View/UOView/UOPeople.jsx
@@ -20,23 +20,23 @@ const UOPeople = ({ content }) => {
   return content?.persone_struttura?.length > 0 ? (
     <section
       id="persone-struttura"
-      className="it-page-section anchor-offset mt-5"
+      className="it-page-section anchor-offset mb-5 "
     >
-      <h2 className="h4" id="header-persone-struttura">
+      <h2 className="mb-3 h4" id="header-persone-struttura">
         {intl.formatMessage(messages.persone_struttura)}
       </h2>
-      <p className="mt-4">
-        {intl.formatMessage(messages.persone_p_description)}:
-      </p>
+      <p>{intl.formatMessage(messages.persone_p_description)}:</p>
+
       <Row className="card-wrapper card-teaser-wrapper card-teaser-wrapper-equal ruolo-persone-struttura">
         {content?.persone_struttura?.map((p, _i) => {
           return (
-            <Col xs="12" lg="12" xl="6" md="12" key={p['@id']}>
+            <Col xs="12" lg="12" xl="6" md="12" className="mb-3" key={p['@id']}>
               <CardPersona
                 item={p}
                 className={'shadow-sm'}
                 showImage={true}
-                titleTagName={'h5'}
+                titleTagName="h3"
+                titleClassName="h5"
               />
             </Col>
           );
diff --git a/src/components/ItaliaTheme/View/UOView/UOServices.jsx b/src/components/ItaliaTheme/View/UOView/UOServices.jsx
index a115a2484..35e77efa3 100644
--- a/src/components/ItaliaTheme/View/UOView/UOServices.jsx
+++ b/src/components/ItaliaTheme/View/UOView/UOServices.jsx
@@ -24,16 +24,15 @@ const UOServices = ({ content }) => {
   return content?.servizi_offerti?.length > 0 ? (
     <section
       id={'servizi_offerti'}
-      className={'it-page-section anchor-offset mt-5'}
+      className={'it-page-section anchor-offset mb-5 '}
     >
-      <h2 id={`header-servizi_offerti`} className="h4">
+      <h2 id={`header-servizi_offerti`} className="mb-3 h4">
         {intl.formatMessage(messages.servizi_offerti)}
       </h2>
-
-      <Row className="card-wrapper card-teaser-wrapper mt-4">
+      <Row className="card-wrapper card-teaser-wrapper">
         {content?.servizi_offerti?.map((servizio, i) => (
           <Col xs="12" lg="6">
-            <Card className="shadow rounded card-big-io-comune p-3">
+            <Card className="shadow rounded card-big-io-comune p-3 my-3">
               <CardBody>
                 <CardCategory date="">{servizio.parent_title}</CardCategory>
                 <CardTitle tag="h5">
diff --git a/src/components/ItaliaTheme/View/UOView/UOStructure.jsx b/src/components/ItaliaTheme/View/UOView/UOStructure.jsx
index 112ffe8a5..32574f213 100644
--- a/src/components/ItaliaTheme/View/UOView/UOStructure.jsx
+++ b/src/components/ItaliaTheme/View/UOView/UOStructure.jsx
@@ -44,10 +44,10 @@ const UOStructure = ({ content }) => {
     content?.uo_children?.length > 0 ||
     content?.uo_parent ||
     content?.assessore_riferimento?.length > 0 ? (
-    <section id="struttura" className="it-page-section anchor-offset mt-5">
+    <section id="struttura" className="it-page-section anchor-offset mb-5">
       {content.tipologia_organizzazione?.title && (
-        <div className="mb-5 mt-3">
-          <h2 className="h4">
+        <div className="mb-5">
+          <h2 className="mb-3 h4">
             {intl.formatMessage(messages.tipologia_organizzazione)}
           </h2>
           <p className="font-serif">{content.tipologia_organizzazione.title}</p>
@@ -56,69 +56,78 @@ const UOStructure = ({ content }) => {
       {(content.uo_parent ||
         content.uo_children?.length > 0 ||
         content.legami_con_altre_strutture?.length > 0) && (
-        <h2 id="header-struttura" className="mb-3 h4">
-          {intl.formatMessage(messages.struttura)}
-        </h2>
-      )}
-      {content.uo_parent && (
-        <div className="mb-5 mt-3">
-          <h3 className="h5">
-            {intl.formatMessage(messages.legami_struttura_padre)}
-          </h3>
-          <div className="card-wrapper card-teaser-wrapper card-teaser-wrapper-equal mb-3">
-            <OfficeCard
-              key={content.uo_parent['@id']}
-              office={content.uo_parent}
-              load_data={false}
-              show_contacts={false}
-            />
-          </div>
-        </div>
-      )}
+        <div className="mb-5">
+          <h2 id="header-struttura" className="mb-3 h4">
+            {intl.formatMessage(messages.struttura)}
+          </h2>
 
-      {content.uo_children?.length > 0 && (
-        <div className="mb-5 mt-3">
-          <h3 className="h5">
-            {intl.formatMessage(messages.legami_strutture_figlie)}
-          </h3>
-          <div className="card-wrapper card-teaser-wrapper card-teaser-wrapper-equal mb-3">
-            {content.uo_children.map((uo, i) => {
-              return (
+          {content.uo_parent && (
+            <div className="mb-5">
+              <h3 className="h5">
+                {intl.formatMessage(messages.legami_struttura_padre)}
+              </h3>
+              <div className="card-wrapper card-teaser-wrapper card-teaser-wrapper-equal mb-3">
                 <OfficeCard
-                  key={uo['@id']}
-                  office={uo}
+                  key={content.uo_parent['@id']}
+                  office={content.uo_parent}
                   load_data={false}
                   show_contacts={false}
                 />
-              );
-            })}
-          </div>
-        </div>
-      )}
+              </div>
+            </div>
+          )}
 
-      {content.legami_con_altre_strutture?.length > 0 && (
-        <div className="mb-5 mt-3">
-          <h3 className="h5">
-            {intl.formatMessage(messages.legami_altre_strutture)}
-          </h3>
-          <div className="card-wrapper card-teaser-wrapper card-teaser-wrapper-equal mb-3">
-            {content.legami_con_altre_strutture.map((item, _i) => (
-              <OfficeCard key={item['@id']} office={item} load_data={false} />
-            ))}
-          </div>
+          {content.uo_children?.length > 0 && (
+            <div className="mb-5">
+              <h3 className="h5">
+                {intl.formatMessage(messages.legami_strutture_figlie)}
+              </h3>
+              <div className="card-wrapper card-teaser-wrapper card-teaser-wrapper-equal mb-3">
+                {content.uo_children.map((uo, i) => {
+                  return (
+                    <OfficeCard
+                      key={uo['@id']}
+                      office={uo}
+                      load_data={false}
+                      show_contacts={false}
+                    />
+                  );
+                })}
+              </div>
+            </div>
+          )}
+
+          {content.legami_con_altre_strutture?.length > 0 && (
+            <div className="mb-5">
+              <h3 className="h5">
+                {intl.formatMessage(messages.legami_altre_strutture)}
+              </h3>
+              <div className="card-wrapper card-teaser-wrapper card-teaser-wrapper-equal mb-3">
+                {content.legami_con_altre_strutture.map((item, _i) => (
+                  <OfficeCard
+                    key={item['@id']}
+                    office={item}
+                    load_data={false}
+                  />
+                ))}
+              </div>
+            </div>
+          )}
         </div>
       )}
+
       {content.responsabile?.length > 0 && (
-        <div className="mb-5 mt-3">
-          <h2 className="h4">{intl.formatMessage(messages.responsabile)}</h2>
-          <Row className="card-wrapper card-teaser-wrapper  ruolo-persone-struttura">
+        <div className="mb-5">
+          <h3 className="h5">{intl.formatMessage(messages.responsabile)}</h3>
+          <Row className="card-wrapper card-teaser-wrapper ruolo-persone-struttura">
             {content.responsabile.map((item, i) => (
               <Col xs="12" lg="12" xl="12" md="12" sm="12" key={item['@id']}>
                 <CardPersona
                   item={item}
-                  className={'shadow-sm'}
+                  className="shadow-sm my-3"
                   showImage={true}
-                  titleTagName={'h5'}
+                  titleTagName="h4"
+                  titleClassName="h5"
                 />
               </Col>
             ))}
@@ -127,18 +136,19 @@ const UOStructure = ({ content }) => {
       )}
 
       {content.assessore_riferimento?.length > 0 && (
-        <div className="mb-5 mt-3">
+        <div className="mb-5 ">
           <h3 className="h5">
             {intl.formatMessage(messages.assessore_riferimento)}
           </h3>
-          <Row className="card-wrapper card-teaser-wrapper mt-2">
+          <Row className="card-wrapper card-teaser-wrapper ">
             {content.assessore_riferimento.map((item, _i) => (
               <Col xs="12" lg="12" xl="6" md="12" sm="12" key={item['@id']}>
                 <CardPersona
                   item={item}
-                  className={'shadow-sm'}
+                  className="shadow-sm my-3"
                   showImage={true}
-                  titleTagName={'h5'}
+                  titleTagName="h4"
+                  titleClassName="h5"
                   listingText={item.incarichi}
                 />
               </Col>
diff --git a/src/components/ItaliaTheme/View/UOView/UOView.jsx b/src/components/ItaliaTheme/View/UOView/UOView.jsx
index 872472430..180ea9fbb 100644
--- a/src/components/ItaliaTheme/View/UOView/UOView.jsx
+++ b/src/components/ItaliaTheme/View/UOView/UOView.jsx
@@ -78,7 +78,7 @@ const UOView = ({ content }) => {
         {/* HEADER IMAGE */}
         <ContentImage content={content} position="afterHeader" />
 
-        <div className="row row-column-border row-column-menu-left">
+        <div className="row row-column-border border-light row-column-menu-left">
           <aside className="col-lg-4">
             {__CLIENT__ && (
               <SideMenu data={sideMenuElements} content_uid={content?.UID} />
@@ -87,7 +87,7 @@ const UOView = ({ content }) => {
           <section
             ref={documentBody}
             id="main-content-section"
-            className="col-lg-8 it-page-sections-container"
+            className="col-lg-8 it-page-sections-container border-light"
           >
             {/* SEZIONI */}
             <ContentTypeViewSections
diff --git a/src/components/ItaliaTheme/View/VenueView/VenueDescription.jsx b/src/components/ItaliaTheme/View/VenueView/VenueDescription.jsx
index 59273f102..7d2c388cf 100644
--- a/src/components/ItaliaTheme/View/VenueView/VenueDescription.jsx
+++ b/src/components/ItaliaTheme/View/VenueView/VenueDescription.jsx
@@ -58,7 +58,7 @@ const VenueDescription = ({ content }) => {
       {richTextHasContent(content.elementi_di_interesse) && (
         <RichTextSection
           tag_id="elementi-di-interesse"
-          title={`${intl.formatMessage(messages.elementi_di_interesse)}:`}
+          title={`${intl.formatMessage(messages.elementi_di_interesse)}`}
           data={content.elementi_di_interesse}
         />
       )}
diff --git a/src/components/ItaliaTheme/View/VenueView/VenueView.jsx b/src/components/ItaliaTheme/View/VenueView/VenueView.jsx
index bce30c2ac..dfe755976 100644
--- a/src/components/ItaliaTheme/View/VenueView/VenueView.jsx
+++ b/src/components/ItaliaTheme/View/VenueView/VenueView.jsx
@@ -89,14 +89,14 @@ const VenueView = ({ content }) => {
         {/* HEADER IMAGE */}
         <ContentImage content={content} position="afterHeader" />
 
-        <div className="row row-column-border row-column-menu-left">
+        <div className="row row-column-border border-light row-column-menu-left">
           <aside className="col-lg-4">
             {__CLIENT__ && (
               <SideMenu data={sideMenuElements} content_uid={content?.UID} />
             )}
           </aside>
           <section
-            className="col-lg-8 it-page-sections-container"
+            className="col-lg-8 it-page-sections-container border-light"
             id="main-content-section"
             ref={documentBody}
           >
diff --git a/src/components/ItaliaTheme/View/index.js b/src/components/ItaliaTheme/View/index.js
index d971d97c0..d4a2b6ea5 100644
--- a/src/components/ItaliaTheme/View/index.js
+++ b/src/components/ItaliaTheme/View/index.js
@@ -1,5 +1,4 @@
 /* --- Commons --- */
-export RichTextArticle from 'design-comuni-plone-theme/components/ItaliaTheme/View/Commons/RichTextArticle';
 export RichTextSection from 'design-comuni-plone-theme/components/ItaliaTheme/View/Commons/RichTextSection';
 export RichText from 'design-comuni-plone-theme/components/ItaliaTheme/View/Commons/RichText';
 export {
diff --git a/src/theme/ItaliaTheme/Views/_slider.scss b/src/theme/ItaliaTheme/Views/_slider.scss
index d59486eac..56312375a 100644
--- a/src/theme/ItaliaTheme/Views/_slider.scss
+++ b/src/theme/ItaliaTheme/Views/_slider.scss
@@ -25,7 +25,7 @@
   ul.slick-dots {
     bottom: unset;
     padding: 0;
-    margin: 0 0 0;
+    margin: 0;
 
     li {
       button:before {