diff --git a/src/app/pages/details/desktop-view/details-tab/details-tab.scss b/src/app/pages/details/desktop-view/details-tab/details-tab.scss
index 4f081fd16..5f573bfea 100644
--- a/src/app/pages/details/desktop-view/details-tab/details-tab.scss
+++ b/src/app/pages/details/desktop-view/details-tab/details-tab.scss
@@ -8,7 +8,12 @@
         grid-template-columns: auto auto;
     }
 
+    h2 {
+        @include set-font(h3);
+    }
+
     p,
+    h2,
     h3 {
         margin: 0;
     }
@@ -65,11 +70,13 @@
         }
     }
 
+    h2,
     h3,
     h4 {
         letter-spacing: normal;
     }
 
+    h2,
     h3 {
         margin-bottom: 0.3rem;
     }
diff --git a/src/app/pages/details/desktop-view/details-tab/details-tab.tsx b/src/app/pages/details/desktop-view/details-tab/details-tab.tsx
index a75d59520..68e064122 100644
--- a/src/app/pages/details/desktop-view/details-tab/details-tab.tsx
+++ b/src/app/pages/details/desktop-view/details-tab/details-tab.tsx
@@ -19,7 +19,7 @@ function PolishTab({model}: {model: ContextValues}) {
         <div className="details-tab">
             <div className="sidebar">
                 <div>
-                    <h3>Przejdź do książki</h3>
+                    <h2>Przejdź do książki</h2>
                     <GetThisTitle model={model} />
                 </div>
                 <div className="let-us-know-region">
@@ -28,7 +28,7 @@ function PolishTab({model}: {model: ContextValues}) {
             </div>
             <div className="main">
                 <div className="loc-summary-text">
-                    <h3>Podsumowanie</h3>
+                    <h2>Podsumowanie</h2>
                     <RawHTML html={model.description} />
                 </div>
                 <Authors />
@@ -44,12 +44,12 @@ function EnglishTab({model}: {model: ContextValues}) {
         <div className="details-tab">
             <div className="sidebar">
                 <div>
-                    <h3>
+                    <h2>
                         <FormattedMessage
                             id="getTheBook"
                             defaultMessage="Get the book"
                         />
-                    </h3>
+                    </h2>
                     <GetThisTitle model={model} />
                 </div>
                 <div className="let-us-know-region">
@@ -59,12 +59,12 @@ function EnglishTab({model}: {model: ContextValues}) {
             <div className="main">
                 <Promo promoteSnippet={model.promoteSnippet} />
                 <div className="loc-summary-text">
-                    <h3>
+                    <h2>
                         <FormattedMessage
                             id="summary"
                             defaultMessage="Summary"
                         />
-                    </h3>
+                    </h2>
                     <RawHTML html={model.description} />
                 </div>
                 <Authors />
diff --git a/src/app/pages/details/desktop-view/promo.scss b/src/app/pages/details/desktop-view/promo.scss
index d5fdf40bf..7f5b9abc1 100644
--- a/src/app/pages/details/desktop-view/promo.scss
+++ b/src/app/pages/details/desktop-view/promo.scss
@@ -4,7 +4,9 @@
     padding: 1rem 1.5rem;
     background-color: ui-color(page-bg);
 
-    h3 {
+    h2 {
+        @include set-font(h3);
+        letter-spacing: normal;
         margin-bottom: 1rem;
     }
 }
diff --git a/test/src/pages/details/desktop-view/details-tab.test.tsx b/test/src/pages/details/desktop-view/details-tab.test.tsx
index 54ab6a0f5..b53abfd60 100644
--- a/test/src/pages/details/desktop-view/details-tab.test.tsx
+++ b/test/src/pages/details/desktop-view/details-tab.test.tsx
@@ -27,10 +27,10 @@ function Component(props: Props) {
 describe('details-tab', () => {
     it('renders (English)', () => {
         render(<Component model={model} polish={false} />);
-        screen.getByRole('heading', {level: 3, name: 'Summary'});
+        screen.getByRole('heading', {level: 2, name: 'Summary'});
     });
     it('renders (Polish)', () => {
         render(<Component model={model} polish={true} />);
-        screen.getByRole('heading', {level: 3, name: 'Przejdź do książki'});
+        screen.getByRole('heading', {level: 2, name: 'Przejdź do książki'});
     });
 });