diff --git a/packages/main/src/components/AnalyticalTable/types/index.ts b/packages/main/src/components/AnalyticalTable/types/index.ts
index 1d622ba829a..96b416779cc 100644
--- a/packages/main/src/components/AnalyticalTable/types/index.ts
+++ b/packages/main/src/components/AnalyticalTable/types/index.ts
@@ -1030,6 +1030,7 @@ export interface AnalyticalTablePropTypes extends Omit<CommonProps, 'title'> {
       nativeDetail: number;
     }>,
   ) => void;
+  //todo: add cursor pointer when this prop is active in next major version update.
   /**
    * Fired when a row is clicked
    */
diff --git a/packages/main/src/components/ObjectPage/ObjectPage.cy.tsx b/packages/main/src/components/ObjectPage/ObjectPage.cy.tsx
index 732c4a56488..134b4aa386a 100644
--- a/packages/main/src/components/ObjectPage/ObjectPage.cy.tsx
+++ b/packages/main/src/components/ObjectPage/ObjectPage.cy.tsx
@@ -7,7 +7,7 @@ import TitleLevel from '@ui5/webcomponents/dist/types/TitleLevel.js';
 import ValueState from '@ui5/webcomponents-base/dist/types/ValueState.js';
 import IllustrationMessageType from '@ui5/webcomponents-fiori/dist/types/IllustrationMessageType.js';
 import type { CSSProperties } from 'react';
-import { useEffect, useLayoutEffect, useReducer, useRef, useState } from 'react';
+import { useEffect, useLayoutEffect, useReducer, useRef, useState, version as reactVersion } from 'react';
 import type { ObjectPagePropTypes } from '../..';
 import {
   CheckBox,
@@ -114,7 +114,7 @@ describe('ObjectPage', () => {
       cy.get('[ui5-tabcontainer]').findUi5TabByText('Section 15').should('have.attr', 'aria-selected', 'true');
 
       if (mode === ObjectPageMode.Default) {
-        cy.findByTestId('op').scrollTo(0, 4750);
+        cy.findByTestId('op').scrollTo(0, 4858);
 
         cy.findByText('Content 7').should('be.visible');
         cy.get('[ui5-tabcontainer]').findUi5TabByText('Section 7').should('have.attr', 'aria-selected', 'true');
@@ -124,7 +124,7 @@ describe('ObjectPage', () => {
         for (let i = 0; i < 15; i++) {
           cy.findByText('Add').click();
         }
-        cy.findByTestId('op').scrollTo(0, 4750);
+        cy.findByTestId('op').scrollTo(0, 4858);
 
         cy.findByText('Content 7').should('be.visible');
         cy.get('[ui5-tabcontainer]').findUi5TabByText('Section 7').should('have.attr', 'aria-selected', 'true');
@@ -374,12 +374,6 @@ describe('ObjectPage', () => {
     );
     cy.wait(200);
 
-    // first titleText should never be displayed (not.be.visible doesn't work here - only invisible for sighted users)
-    cy.findByText('Goals')
-      .parent()
-      .should('have.css', 'width', '1px')
-      .and('have.css', 'margin', '-1px')
-      .and('have.css', 'position', 'absolute');
     cy.findByText('Employment').should('not.be.visible');
     cy.findByText('Test').should('be.visible');
 
@@ -668,29 +662,52 @@ describe('ObjectPage', () => {
     cy.findByTestId('footer').should('be.visible');
   });
 
-  it('single section - Default mode', () => {
-    document.body.style.margin = '0px';
-    const TestComp = ({
-      mode,
-      height,
-      withFooter,
-    }: {
-      height: CSSProperties['height'];
-      withFooter?: boolean;
-      mode: ObjectPageMode;
-    }) => {
-      const ref = useRef(null);
-      const [showCurrentHeights, setShowCurrentHeights] = useState({ offset: null, scroll: null });
-      return (
-        <ObjectPage
-          style={{ height: '100vh' }}
-          titleArea={DPTitle}
-          headerArea={DPContent}
-          data-testid="op"
-          ref={ref}
-          footerArea={withFooter && Footer}
-          mode={mode}
-        >
+  const TestSingleSectionComp = ({
+    mode,
+    height,
+    withFooter,
+    withSubSections,
+  }: {
+    height: CSSProperties['height'];
+    withFooter?: boolean;
+    mode: ObjectPageMode;
+    withSubSections?: boolean;
+  }) => {
+    const ref = useRef(null);
+    const [showCurrentHeights, setShowCurrentHeights] = useState({ offset: null, scroll: null });
+    return (
+      <ObjectPage
+        style={{ height: '100vh' }}
+        titleArea={DPTitle}
+        headerArea={DPContent}
+        data-testid="op"
+        ref={ref}
+        footerArea={withFooter && Footer}
+        mode={mode}
+      >
+        {withSubSections ? (
+          <ObjectPageSection key="0" titleText="Goals" id="goals" aria-label="Goals">
+            <ObjectPageSubSection id="0.0" titleText="0.0">
+              <div data-testid="section 1" style={{ height, width: '100%', background: 'lightblue' }}>
+                <Button
+                  onClick={() => {
+                    setShowCurrentHeights({
+                      // rounding offset/scroll-height differs from browser to browser and maybe even from headless tests
+                      offset: Math.floor(ref.current?.offsetHeight / 10) * 10,
+                      scroll: Math.floor(ref.current?.scrollHeight / 10) * 10,
+                    });
+                  }}
+                >
+                  Update Heights
+                </Button>
+                {JSON.stringify(showCurrentHeights)}
+              </div>
+            </ObjectPageSubSection>
+            <ObjectPageSubSection id="0.1" titleText="0.0">
+              <div data-testid="section 2" style={{ height: '400px', width: '100%', background: 'lightgreen' }}></div>
+            </ObjectPageSubSection>
+          </ObjectPageSection>
+        ) : (
           <ObjectPageSection key="0" titleText="Goals" id="goals" aria-label="Goals">
             <div data-testid="section 1" style={{ height, width: '100%', background: 'lightblue' }}>
               <Button
@@ -707,26 +724,35 @@ describe('ObjectPage', () => {
               {JSON.stringify(showCurrentHeights)}
             </div>
           </ObjectPageSection>
-        </ObjectPage>
-      );
-    };
-    cy.mount(<TestComp height="2000px" mode={ObjectPageMode.Default} />);
+        )}
+      </ObjectPage>
+    );
+  };
+
+  it('single section - Default mode', () => {
+    document.body.style.margin = '0px';
+
+    cy.mount(<TestSingleSectionComp height="2000px" mode={ObjectPageMode.Default} />);
+
+    cy.get('[data-component-name="ObjectPageTabContainerPlaceholder"]').should('exist');
+    cy.get('[data-component-name="ObjectPageTabContainer"]').should('not.exist');
+
     cy.findByText('Update Heights').click();
-    cy.findByText('{"offset":1080,"scroll":2290}').should('exist');
+    cy.findByText('{"offset":1080,"scroll":2280}').should('exist');
 
     cy.findByTestId('op').scrollTo('bottom');
     cy.findByText('Update Heights').click({ force: true });
-    cy.findByText('{"offset":1080,"scroll":2290}').should('exist');
+    cy.findByText('{"offset":1080,"scroll":2280}').should('exist');
 
-    cy.mount(<TestComp height="2000px" withFooter mode={ObjectPageMode.Default} />);
+    cy.mount(<TestSingleSectionComp height="2000px" withFooter mode={ObjectPageMode.Default} />);
     cy.findByText('Update Heights').click();
-    cy.findByText('{"offset":1080,"scroll":2330}').should('exist');
+    cy.findByText('{"offset":1080,"scroll":2320}').should('exist');
 
     cy.findByTestId('op').scrollTo('bottom');
     cy.findByText('Update Heights').click({ force: true });
-    cy.findByText('{"offset":1080,"scroll":2330}').should('exist');
+    cy.findByText('{"offset":1080,"scroll":2320}').should('exist');
 
-    cy.mount(<TestComp height="400px" mode={ObjectPageMode.Default} />);
+    cy.mount(<TestSingleSectionComp height="400px" mode={ObjectPageMode.Default} />);
     cy.findByText('Update Heights').click();
     cy.findByText('{"offset":1080,"scroll":1080}').should('exist');
 
@@ -738,7 +764,7 @@ describe('ObjectPage', () => {
     cy.findByText('Update Heights').click({ force: true });
     cy.findByText('{"offset":1080,"scroll":1080}').should('exist');
 
-    cy.mount(<TestComp height="400px" withFooter mode={ObjectPageMode.Default} />);
+    cy.mount(<TestSingleSectionComp height="400px" withFooter mode={ObjectPageMode.Default} />);
     cy.findByText('Update Heights').click();
     cy.findByText('{"offset":1080,"scroll":1080}').should('exist');
 
@@ -750,7 +776,7 @@ describe('ObjectPage', () => {
     cy.findByText('Update Heights').click({ force: true });
     cy.findByText('{"offset":1080,"scroll":1080}').should('exist');
 
-    cy.mount(<TestComp height="925px" mode={ObjectPageMode.Default} />);
+    cy.mount(<TestSingleSectionComp height="925px" mode={ObjectPageMode.Default} />);
     cy.findByText('https://github.com/UI5/webcomponents-react').should('be.visible');
 
     cy.wait(50);
@@ -763,67 +789,36 @@ describe('ObjectPage', () => {
 
     cy.get('[data-component-name="ObjectPageAnchorBarExpandBtn"]').click();
     cy.findByText('https://github.com/UI5/webcomponents-react').should('not.be.visible');
+
+    cy.log('with subsections');
+    cy.mount(<TestSingleSectionComp height="2000px" withSubSections mode={ObjectPageMode.Default} />);
+    cy.get('[data-component-name="ObjectPageTabContainerPlaceholder"]').should('exist');
+    cy.get('[data-component-name="ObjectPageTabContainer"]').should('not.exist');
   });
 
   it('single section - Tab mode', () => {
     document.body.style.margin = '0px';
-    const TestComp = ({
-      mode,
-      height,
-      withFooter,
-    }: {
-      height: CSSProperties['height'];
-      withFooter?: boolean;
-      mode: ObjectPageMode;
-    }) => {
-      const ref = useRef(null);
-      const [showCurrentHeights, setShowCurrentHeights] = useState({ offset: null, scroll: null });
-      return (
-        <ObjectPage
-          style={{ height: '100vh' }}
-          titleArea={DPTitle}
-          headerArea={DPContent}
-          data-testid="op"
-          ref={ref}
-          footerArea={withFooter && Footer}
-          mode={mode}
-        >
-          <ObjectPageSection key="0" titleText="Goals" id="goals" aria-label="Goals">
-            <div data-testid="section 1" style={{ height, width: '100%', background: 'lightblue' }}>
-              <Button
-                onClick={() => {
-                  setShowCurrentHeights({
-                    // rounding offset/scroll-height differs from browser to browser and maybe even from headless tests
-                    offset: Math.floor(ref.current?.offsetHeight / 10) * 10,
-                    scroll: Math.floor(ref.current?.scrollHeight / 10) * 10,
-                  });
-                }}
-              >
-                Update Heights
-              </Button>
-              {JSON.stringify(showCurrentHeights)}
-            </div>
-          </ObjectPageSection>
-        </ObjectPage>
-      );
-    };
-    cy.mount(<TestComp height="2000px" mode={ObjectPageMode.IconTabBar} />);
+    cy.mount(<TestSingleSectionComp height="2000px" mode={ObjectPageMode.IconTabBar} />);
+
+    cy.get('[data-component-name="ObjectPageTabContainerPlaceholder"]').should('exist');
+    cy.get('[data-component-name="ObjectPageTabContainer"]').should('not.exist');
+
     cy.findByText('Update Heights').click();
-    cy.findByText('{"offset":1080,"scroll":2290}').should('exist');
+    cy.findByText('{"offset":1080,"scroll":2240}').should('exist');
 
     cy.findByTestId('op').scrollTo('bottom');
     cy.findByText('Update Heights').click({ force: true });
-    cy.findByText('{"offset":1080,"scroll":2290}').should('exist');
+    cy.findByText('{"offset":1080,"scroll":2240}').should('exist');
 
-    cy.mount(<TestComp height="2000px" withFooter mode={ObjectPageMode.IconTabBar} />);
+    cy.mount(<TestSingleSectionComp height="2000px" withFooter mode={ObjectPageMode.IconTabBar} />);
     cy.findByText('Update Heights').click();
-    cy.findByText('{"offset":1080,"scroll":2350}').should('exist');
+    cy.findByText('{"offset":1080,"scroll":2300}').should('exist');
 
     cy.findByTestId('op').scrollTo('bottom');
     cy.findByText('Update Heights').click({ force: true });
-    cy.findByText('{"offset":1080,"scroll":2350}').should('exist');
+    cy.findByText('{"offset":1080,"scroll":2300}').should('exist');
 
-    cy.mount(<TestComp height="400px" mode={ObjectPageMode.IconTabBar} />);
+    cy.mount(<TestSingleSectionComp height="400px" mode={ObjectPageMode.IconTabBar} />);
     cy.findByText('Update Heights').click();
     cy.findByText('{"offset":1080,"scroll":1080}').should('exist');
 
@@ -835,7 +830,7 @@ describe('ObjectPage', () => {
     cy.findByText('Update Heights').click({ force: true });
     cy.findByText('{"offset":1080,"scroll":1080}').should('exist');
 
-    cy.mount(<TestComp height="400px" withFooter mode={ObjectPageMode.IconTabBar} />);
+    cy.mount(<TestSingleSectionComp height="400px" withFooter mode={ObjectPageMode.IconTabBar} />);
     cy.findByText('Update Heights').click();
     cy.findByText('{"offset":1080,"scroll":1080}').should('exist');
 
@@ -847,7 +842,7 @@ describe('ObjectPage', () => {
     cy.findByText('Update Heights').click({ force: true });
     cy.findByText('{"offset":1080,"scroll":1080}').should('exist');
 
-    cy.mount(<TestComp height="925px" mode={ObjectPageMode.IconTabBar} />);
+    cy.mount(<TestSingleSectionComp height="925px" mode={ObjectPageMode.IconTabBar} />);
     cy.findByText('https://github.com/UI5/webcomponents-react').should('be.visible');
 
     cy.wait(50);
@@ -860,7 +855,13 @@ describe('ObjectPage', () => {
 
     cy.get('[data-component-name="ObjectPageAnchorBarExpandBtn"]').click();
     cy.findByText('https://github.com/UI5/webcomponents-react').should('not.be.visible');
+
+    cy.log('with subsections');
+    cy.mount(<TestSingleSectionComp height="2000px" withSubSections mode={ObjectPageMode.Default} />);
+    cy.get('[data-component-name="ObjectPageTabContainerPlaceholder"]').should('exist');
+    cy.get('[data-component-name="ObjectPageTabContainer"]').should('not.exist');
   });
+
   [ObjectPageMode.Default, ObjectPageMode.IconTabBar].forEach((mode) => {
     it(`ObjectPageSection/SubSection: Custom header & hideTitleText (mode: ${mode})`, () => {
       document.body.style.margin = '0px';
@@ -923,12 +924,6 @@ describe('ObjectPage', () => {
       cy.get('[ui5-tabcontainer]').findUi5TabByText('Goals').click();
       cy.findByText('Custom Header Section One').should('be.visible');
       cy.findByText('toggle titleText1').click({ scrollBehavior: false, force: true });
-      // first titleText should never be displayed (not.be.visible doesn't work here - only invisible for sighted users)
-      cy.findByText('Goals')
-        .parent()
-        .should('have.css', 'width', '1px')
-        .and('have.css', 'margin', '-1px')
-        .and('have.css', 'position', 'absolute');
       cy.findByText('Custom Header Section One').should('be.visible');
 
       cy.get('[ui5-tabcontainer]').findUi5TabByText('Personal').click();
@@ -1853,6 +1848,61 @@ describe('ObjectPage', () => {
     }
     cy.focused().should('be.visible').and('have.attr', 'ui5-table-row');
   });
+
+  it('sticky headers', () => {
+    cy.mount(
+      <ObjectPage
+        titleArea={DPTitle}
+        headerArea={DPContent}
+        mode="IconTabBar"
+        style={{ height: '1000px' }}
+        data-testid="op"
+      >
+        {OPContent}
+        {OPContentWithCustomHeaderSections}
+      </ObjectPage>,
+    );
+
+    cy.findByText('Goals').should('not.be.visible');
+    cy.get('[ui5-tabcontainer]').findUi5TabByText('Employment').click();
+    cy.findByText('Employment').should('not.be.visible');
+    cy.findByText('Employee Details').parent().should('have.css', 'position', 'sticky');
+
+    cy.mount(
+      <ObjectPage
+        titleArea={DPTitle}
+        headerArea={DPContent}
+        // scrollBehavior "auto" prevents flaky behavior when test is run with React18
+        style={{ height: '1000px', scrollBehavior: reactVersion.startsWith('18') ? 'auto' : 'smooth' }}
+        data-testid="op"
+      >
+        {OPContent}
+        {OPContentWithCustomHeaderSections}
+      </ObjectPage>,
+    );
+
+    cy.findByText('Goals').should('be.visible').parent().should('have.css', 'position', 'sticky');
+    cy.findByTestId('op').scrollTo(0, 500);
+    cy.findByText('Goals').should('be.visible');
+    cy.get('[ui5-tabcontainer]').findUi5TabByText('Personal').click();
+    // has subsections -> only subsection headers are sticky
+    cy.findByText('Personal').should('be.visible').parent().should('have.css', 'position', 'static');
+    cy.findByText('Connect').should('be.visible').parent().should('have.css', 'position', 'sticky');
+    cy.findByTestId('op').scrollTo(0, 2500);
+    cy.findByText('Goals').should('not.be.visible');
+    cy.findByText('Payment Information').should('be.visible');
+    cy.get('[ui5-tabcontainer]').findUi5TabByText('Custom Header Section One').click();
+    cy.findByText('Custom Header Section One').should('be.visible').parent().should('have.css', 'position', 'sticky');
+    cy.findByTestId('op').scrollTo(0, 3500);
+    cy.findByText('Custom Header Section One').should('be.visible');
+    cy.get('[ui5-tabcontainer]').findUi5TabByText('Custom Header Section Two').click();
+    // has subsections -> only subsection headers are sticky
+    cy.findByText('Custom Header Section Two').should('be.visible').parent().should('have.css', 'position', 'static');
+    cy.findByText('Subsection1').should('be.visible').parent().should('have.css', 'position', 'sticky');
+    cy.findByTestId('op').scrollTo(0, 4000);
+    cy.findByText('Custom Header Section Two').should('not.be.visible');
+    cy.findByText('Subsection1').should('be.visible');
+  });
 });
 
 const DPTitle = (
@@ -1952,6 +2002,44 @@ const OPContent = [
   </ObjectPageSection>,
 ];
 
+const OPContentWithCustomHeaderSections = [
+  <ObjectPageSection
+    key={'customheader1'}
+    titleText="Custom Header Section One"
+    hideTitleText
+    id="custom1"
+    header={<Title>Custom Header Section One</Title>}
+  >
+    <div style={{ width: '100%', height: '200px', background: 'lightgreen' }} />
+  </ObjectPageSection>,
+  <ObjectPageSection
+    key={'customheader2'}
+    titleText="Custom Header Section Two"
+    hideTitleText
+    id="custom2"
+    header={<MessageStrip hideCloseButton>Custom Header Section Two</MessageStrip>}
+  >
+    <ObjectPageSubSection
+      titleText="Subsection1"
+      id="sub1"
+      actions={
+        <>
+          <Button design={ButtonDesign.Emphasized} style={{ minWidth: '120px' }}>
+            Custom Action
+          </Button>
+          <Button design={ButtonDesign.Transparent} icon="action-settings" tooltip="settings" />
+          <Button design={ButtonDesign.Transparent} icon="download" tooltip="download" />
+        </>
+      }
+    >
+      <div style={{ width: '100%', height: '300px', background: 'cadetblue' }} />
+    </ObjectPageSubSection>
+    <ObjectPageSubSection titleText="Subsection2" id="sub2">
+      <div style={{ width: '100%', height: '300px', background: 'cadetblue' }} />
+    </ObjectPageSubSection>
+  </ObjectPageSection>,
+];
+
 const HeaderWithLargeForm = (
   <ObjectPageHeader>
     <Form layout="S1 M2 L2 XL2">
diff --git a/packages/main/src/components/ObjectPage/ObjectPage.mdx b/packages/main/src/components/ObjectPage/ObjectPage.mdx
index 244b7ae1c93..f0d929e8492 100644
--- a/packages/main/src/components/ObjectPage/ObjectPage.mdx
+++ b/packages/main/src/components/ObjectPage/ObjectPage.mdx
@@ -88,6 +88,12 @@ To render a single section in fullscreen mode, set its height to `100%`.
 </ObjectPageSection>
 ```
 
+## ObjectPage with single section
+
+When only a single section is available, the tabbar is hidden.
+
+<Canvas of={ComponentStories.SingleSection} />
+
 ## Opening popover components by pressing an action
 
 Please see the [Docs](?path=/docs/layouts-floorplans-toolbar--docs#open-popovers-with-toolbarbutton) of the `Toolbar` component.
diff --git a/packages/main/src/components/ObjectPage/ObjectPage.module.css b/packages/main/src/components/ObjectPage/ObjectPage.module.css
index e7dcee919fa..4e65a0756b6 100644
--- a/packages/main/src/components/ObjectPage/ObjectPage.module.css
+++ b/packages/main/src/components/ObjectPage/ObjectPage.module.css
@@ -2,6 +2,7 @@
   container: objectPage / inline-size;
   --_ui5wcr_ObjectPage_header_display: block;
   --_ui5wcr_ObjectPage_title_fontsize: var(--sapObjectHeader_Title_FontSize);
+  --_ui5wcr_ObjectPage_header_height: 0;
 
   box-sizing: border-box;
   position: relative;
@@ -23,19 +24,6 @@
   &[data-in-iframe='true'] {
     scroll-behavior: auto;
   }
-
-  /*invisible first heading*/
-  section[id*='ObjectPageSection-']:first-of-type > div[role='heading'] {
-    position: absolute;
-    width: 1px;
-    height: 1px;
-    padding: 0;
-    margin: -1px;
-    overflow: hidden;
-    clip: rect(0, 0, 0, 0);
-    border: 0;
-    white-space: nowrap;
-  }
 }
 
 .iconTabBarMode section[data-component-name='ObjectPageSection'] > div[role='heading'] {
@@ -49,7 +37,7 @@
   background-color: var(--sapObjectHeader_Background);
   position: sticky;
   inset-block-start: 0;
-  z-index: 4;
+  z-index: 5;
   cursor: pointer;
   display: grid;
   grid-auto-columns: 100%;
@@ -102,7 +90,7 @@
 
 .anchorBar {
   position: sticky;
-  z-index: 4;
+  z-index: 5;
 }
 
 .tabContainerSpacer {
@@ -112,10 +100,17 @@
 
 .tabContainer {
   position: sticky;
-  z-index: 3;
+  z-index: 4;
   background: var(--sapObjectHeader_Background);
 }
 
+.tabContainerPlaceholder {
+  composes: tabContainer;
+  box-shadow: var(--sapContent_HeaderShadow);
+  height: 1px;
+  flex-shrink: 0;
+}
+
 .tabContainerComponent {
   &::part(content) {
     display: none;
@@ -169,6 +164,7 @@
   position: sticky;
   inset-block-end: 0.5rem;
   margin: 0 0.5rem;
+  z-index: 4;
 }
 
 .footerSpacer {
diff --git a/packages/main/src/components/ObjectPage/ObjectPage.stories.tsx b/packages/main/src/components/ObjectPage/ObjectPage.stories.tsx
index 9f0bec71277..bf8e26d8e79 100644
--- a/packages/main/src/components/ObjectPage/ObjectPage.stories.tsx
+++ b/packages/main/src/components/ObjectPage/ObjectPage.stories.tsx
@@ -56,7 +56,6 @@ const meta = {
   },
   args: {
     mode: ObjectPageMode.Default,
-    selectedSectionId: 'goals',
     imageShapeCircle: true,
     image: SampleImage,
     style: { height: '700px', maxHeight: '90vh' },
@@ -345,7 +344,68 @@ export const SectionWithCustomHeader: Story = {
           aria-label="Personal"
           header={<MessageStrip hideCloseButton>Custom Header Section Two</MessageStrip>}
         >
-          <div style={{ width: '100%', height: '500px', background: 'cadetblue' }} />
+          <ObjectPageSubSection
+            titleText="Connect"
+            id="personal-connect"
+            aria-label="Connect"
+            actions={
+              <>
+                <Button design={ButtonDesign.Emphasized} style={{ minWidth: '120px' }}>
+                  Custom Action
+                </Button>
+                <Button design={ButtonDesign.Transparent} icon="action-settings" tooltip="settings" />
+                <Button design={ButtonDesign.Transparent} icon="download" tooltip="download" />
+              </>
+            }
+          >
+            <Form style={{ alignItems: 'baseline' }}>
+              <FormGroup headerText="Phone Numbers">
+                <FormItem labelContent={<Label showColon>Home</Label>}>
+                  <Text>+1 234-567-8901</Text>
+                  <Text>+1 234-567-5555</Text>
+                </FormItem>
+              </FormGroup>
+              <FormGroup headerText="Social Accounts">
+                <FormItem labelContent={<Label showColon>LinkedIn</Label>}>
+                  <Text>/DeniseSmith</Text>
+                </FormItem>
+                <FormItem labelContent={<Label showColon>Twitter</Label>}>
+                  <Text>@DeniseSmith</Text>
+                </FormItem>
+              </FormGroup>
+              <FormGroup headerText="Addresses">
+                <FormItem labelContent={<Label showColon>Home Address</Label>}>
+                  <Text>2096 Mission Street</Text>
+                </FormItem>
+                <FormItem labelContent={<Label showColon>Mailing Address</Label>}>
+                  <Text>PO Box 32114</Text>
+                </FormItem>
+              </FormGroup>
+              <FormGroup headerText="Mailing Address">
+                <FormItem labelContent={<Label showColon>Work</Label>}>
+                  <Text>DeniseSmith@sap.com</Text>
+                </FormItem>
+              </FormGroup>
+            </Form>
+          </ObjectPageSubSection>
+          <ObjectPageSubSection
+            titleText="Payment Information"
+            id="personal-payment-information"
+            aria-label="Payment Information"
+          >
+            <Form>
+              <FormGroup headerText="Salary">
+                <FormItem labelContent={<Label showColon>Bank Transfer</Label>}>
+                  <Text>Money Bank, Inc.</Text>
+                </FormItem>
+              </FormGroup>
+              <FormGroup headerText="Payment method for Expenses">
+                <FormItem labelContent={<Label showColon>Extra Travel Expenses</Label>}>
+                  <Text>Cash 100 USD</Text>
+                </FormItem>
+              </FormGroup>
+            </Form>
+          </ObjectPageSubSection>
         </ObjectPageSection>
         <ObjectPageSection
           titleText="Employment"
@@ -390,6 +450,93 @@ export const FullScreenSingleSection: Story = {
   },
 };
 
+export const SingleSection: Story = {
+  name: 'with single section',
+  render(args) {
+    return (
+      <ObjectPage {...args}>
+        <ObjectPageSection titleText="Employment" id="employment" aria-label="Employment">
+          <ObjectPageSubSection
+            titleText="Job Information"
+            id="employment-job-information"
+            aria-label="Job Information"
+          >
+            <Form>
+              <FormItem labelContent={<Label showColon>Job Classification</Label>}>
+                <FlexBox direction={FlexBoxDirection.Column}>
+                  <Text>Senior UI Developer</Text>
+                  <Label>(UIDEV-SR)</Label>
+                </FlexBox>
+              </FormItem>
+              <FormItem labelContent={<Label showColon>Job Title</Label>}>
+                <Text>Developer</Text>
+              </FormItem>
+              <FormItem labelContent={<Label showColon>Employee Class</Label>}>
+                <Text>Employee</Text>
+              </FormItem>
+              <FormItem labelContent={<Label showColon>Manager</Label>}>
+                <FlexBox direction={FlexBoxDirection.Column}>
+                  <Text>Dan Smith</Text>
+                  <Label>Development Manager</Label>
+                </FlexBox>
+              </FormItem>
+              <FormItem labelContent={<Label showColon>Pay Grade</Label>}>
+                <Text>Salary Grade 18 (GR-14)</Text>
+              </FormItem>
+              <FormItem labelContent={<Label showColon>FTE</Label>}>
+                <Text>1</Text>
+              </FormItem>
+            </Form>
+          </ObjectPageSubSection>
+          <ObjectPageSubSection
+            titleText="Employee Details"
+            id="employment-employee-details"
+            aria-label="Employee Details"
+          >
+            <Form>
+              <FormItem labelContent={<Label showColon>Start Date</Label>}>
+                <Text>Jan 01, 2018</Text>
+              </FormItem>
+              <FormItem labelContent={<Label showColon>End Date</Label>}>
+                <Text>Dec 31, 9999</Text>
+              </FormItem>
+              <FormItem labelContent={<Label showColon>Payroll Start Date</Label>}>
+                <Text>Jan 01, 2018</Text>
+              </FormItem>
+              <FormItem labelContent={<Label showColon>Benefits Start Date</Label>}>
+                <Text>Jul 01, 2018</Text>
+              </FormItem>
+              <FormItem labelContent={<Label showColon>Company Car Eligibility</Label>}>
+                <Text>Jan 01, 2021</Text>
+              </FormItem>
+              <FormItem labelContent={<Label showColon>Equity Start Date</Label>}>
+                <Text>Jul 01, 2018</Text>
+              </FormItem>
+            </Form>
+          </ObjectPageSubSection>
+          <ObjectPageSubSection
+            titleText="Job Relationship"
+            id="employment-job-relationship"
+            aria-label="Job Relationship"
+          >
+            <Form>
+              <FormItem labelContent={<Label showColon>Manager</Label>}>
+                <Text>John Doe</Text>
+              </FormItem>
+              <FormItem labelContent={<Label showColon>Scrum Master</Label>}>
+                <Text>Michael Adams</Text>
+              </FormItem>
+              <FormItem labelContent={<Label showColon>Product Owner</Label>}>
+                <Text>John Miller</Text>
+              </FormItem>
+            </Form>
+          </ObjectPageSubSection>
+        </ObjectPageSection>
+      </ObjectPage>
+    );
+  },
+};
+
 export const LegacyToolbarSupport: Story = {
   render(args) {
     const objectPageRef = useRef<ObjectPageDomRef>(null);
diff --git a/packages/main/src/components/ObjectPage/index.tsx b/packages/main/src/components/ObjectPage/index.tsx
index 28bd4f6e732..3d39728f29b 100644
--- a/packages/main/src/components/ObjectPage/index.tsx
+++ b/packages/main/src/components/ObjectPage/index.tsx
@@ -11,7 +11,17 @@ import {
 } from '@ui5/webcomponents-react-base';
 import { clsx } from 'clsx';
 import type { CSSProperties, FocusEventHandler, MouseEventHandler, ReactElement, UIEventHandler } from 'react';
-import { cloneElement, forwardRef, isValidElement, useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import {
+  cloneElement,
+  Children,
+  forwardRef,
+  isValidElement,
+  useCallback,
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+} from 'react';
 import { ObjectPageMode } from '../../enums/ObjectPageMode.js';
 import { safeGetChildrenArray } from '../../internal/safeGetChildrenArray.js';
 import { useObserveHeights } from '../../internal/useObserveHeights.js';
@@ -38,6 +48,7 @@ import { useOnScrollEnd } from './useOnScrollEnd.js';
 const ObjectPageCssVariables = {
   headerDisplay: '--_ui5wcr_ObjectPage_header_display',
   titleFontSize: '--_ui5wcr_ObjectPage_title_fontsize',
+  fullHeaderHeight: '--_ui5wcr_ObjectPage_header_height',
 };
 
 const TAB_CONTAINER_HEADER_HEIGHT = 44 + 4; // tabbar height + custom 4px padding-block-start
@@ -84,6 +95,8 @@ const ObjectPage = forwardRef<ObjectPageDomRef, ObjectPagePropTypes>((props, ref
     selectedSectionId ?? firstSectionId,
   );
   const [tabSelectId, setTabSelectId] = useState<null | string>(null);
+  const hasOnlySingleSection = Children.count(children) === 1;
+  const tabContainerHeaderHeight = hasOnlySingleSection ? 1 : TAB_CONTAINER_HEADER_HEIGHT;
 
   const isProgrammaticallyScrolled = useRef(false);
   const [componentRef, objectPageRef] = useSyncRef(ref);
@@ -149,7 +162,7 @@ const ObjectPage = forwardRef<ObjectPageDomRef, ObjectPagePropTypes>((props, ref
       scrollTimeout,
     },
   );
-  const scrollPaddingBlock = `${Math.ceil(12 + topHeaderHeight + TAB_CONTAINER_HEADER_HEIGHT + (!headerCollapsed && headerPinned ? headerContentHeight : 0))}px ${footerArea ? 'calc(var(--_ui5wcr-BarHeight) + 1.25rem)' : 0}`;
+  const scrollPaddingBlock = `${Math.ceil(12 + topHeaderHeight + tabContainerHeaderHeight + (!headerCollapsed && headerPinned ? headerContentHeight : 0))}px ${footerArea ? 'calc(var(--_ui5wcr-BarHeight) + 1.25rem)' : 0}`;
 
   useEffect(() => {
     if (typeof onToggleHeaderArea === 'function' && isToggledRef.current) {
@@ -206,7 +219,7 @@ const ObjectPage = forwardRef<ObjectPageDomRef, ObjectPagePropTypes>((props, ref
         const scrollMargin =
           -1 /* reduce margin-block so that intersection observer detects correct section*/ +
           safeTopHeaderHeight +
-          TAB_CONTAINER_HEADER_HEIGHT +
+          tabContainerHeaderHeight +
           (headerPinned && !headerCollapsed ? headerContentHeight : 0);
         section.style.scrollMarginBlockStart = scrollMargin + 'px';
         if (isSubSection) {
@@ -425,7 +438,16 @@ const ObjectPage = forwardRef<ObjectPageDomRef, ObjectPagePropTypes>((props, ref
     return () => {
       observer.disconnect();
     };
-  }, [topHeaderHeight, headerContentHeight, currentTabModeSection, children, mode, isHeaderPinnedAndExpanded]);
+  }, [
+    topHeaderHeight,
+    headerContentHeight,
+    currentTabModeSection,
+    children,
+    mode,
+    isHeaderPinnedAndExpanded,
+    hasOnlySingleSection,
+    objectPageRef,
+  ]);
 
   const onToggleHeaderContentVisibility = (e) => {
     isToggledRef.current = true;
@@ -458,7 +480,7 @@ const ObjectPage = forwardRef<ObjectPageDomRef, ObjectPagePropTypes>((props, ref
     }
     const sectionNodes = objectPageRef.current?.querySelectorAll('section[data-component-name="ObjectPageSection"]');
     // only the sticky part of the header must be added as margin
-    const rootMargin = `-${((headerPinned && !headerCollapsed) || scrolledHeaderExpanded ? totalHeaderHeight : topHeaderHeight) + TAB_CONTAINER_HEADER_HEIGHT}px 0px 0px 0px`;
+    const rootMargin = `-${((headerPinned && !headerCollapsed) || scrolledHeaderExpanded ? totalHeaderHeight : topHeaderHeight) + tabContainerHeaderHeight}px 0px 0px 0px`;
 
     const observer = new IntersectionObserver(
       (entries) => {
@@ -610,7 +632,11 @@ const ObjectPage = forwardRef<ObjectPageDomRef, ObjectPagePropTypes>((props, ref
   });
   const objectPageStyles: CSSProperties = {
     ...style,
-  };
+    [ObjectPageCssVariables.fullHeaderHeight]:
+      headerPinned || scrolledHeaderExpanded
+        ? `${topHeaderHeight + (headerCollapsed === true ? 0 : headerContentHeight) + tabContainerHeaderHeight}px`
+        : `${topHeaderHeight + tabContainerHeaderHeight}px`,
+  } as CSSProperties;
   if (headerCollapsed === true && headerArea) {
     objectPageStyles[ObjectPageCssVariables.titleFontSize] = ThemingParameters.sapObjectHeader_Title_SnappedFontSize;
   }
@@ -717,7 +743,21 @@ const ObjectPage = forwardRef<ObjectPageDomRef, ObjectPagePropTypes>((props, ref
             />
           </div>
         )}
-        {!placeholder && (
+        {hasOnlySingleSection && (
+          <div
+            ref={tabContainerContainerRef}
+            aria-hidden="true"
+            data-component-name="ObjectPageTabContainerPlaceholder"
+            className={classNames.tabContainerPlaceholder}
+            style={{
+              insetBlockStart:
+                headerPinned || scrolledHeaderExpanded
+                  ? `${topHeaderHeight + (headerCollapsed === true ? 0 : headerContentHeight)}px`
+                  : `${topHeaderHeight}px`,
+            }}
+          />
+        )}
+        {!placeholder && !hasOnlySingleSection && (
           <div
             ref={tabContainerContainerRef}
             className={classNames.tabContainer}
diff --git a/packages/main/src/components/ObjectPageSection/ObjectPageSection.module.css b/packages/main/src/components/ObjectPageSection/ObjectPageSection.module.css
index 79179ccac5a..418ad19e157 100644
--- a/packages/main/src/components/ObjectPageSection/ObjectPageSection.module.css
+++ b/packages/main/src/components/ObjectPageSection/ObjectPageSection.module.css
@@ -1,5 +1,6 @@
 .section {
   box-sizing: border-box;
+  background: var(--sapBackgroundColor);
 
   &:first-of-type {
     margin-block-start: 1px;
@@ -16,6 +17,10 @@
   outline-offset: calc(-1 * var(--sapContent_FocusWidth));
 }
 
+.outlineSpacerDiv {
+  height: 2px;
+}
+
 .headerContainer {
   padding-block: 0.5rem;
   color: var(--sapGroup_TitleTextColor);
@@ -28,6 +33,14 @@
   height: 2.25rem;
 }
 
+.sticky {
+  position: sticky;
+  background: var(--sapBackgroundColor);
+  /*-1 -> subpixel rounding errors */
+  inset-block-start: calc(var(--_ui5wcr_ObjectPage_header_height) - 1px);
+  z-index: 3;
+}
+
 .title {
   height: 2.25rem;
   line-height: 2.25rem;
diff --git a/packages/main/src/components/ObjectPageSection/index.tsx b/packages/main/src/components/ObjectPageSection/index.tsx
index f2cb01dda6d..8b3424e5950 100644
--- a/packages/main/src/components/ObjectPageSection/index.tsx
+++ b/packages/main/src/components/ObjectPageSection/index.tsx
@@ -246,12 +246,15 @@ const ObjectPageSection = forwardRef<HTMLElement, ObjectPageSectionPropTypes>((p
       onBlur={objectPageMode === ObjectPageMode.Default ? handleBlur : props.onBlur}
       onKeyDown={objectPageMode === ObjectPageMode.Default ? handleKeyDown : props.onKeyDown}
     >
-      {!!header && <div className={classNames.headerContainer}>{header}</div>}
+      <div className={classNames.outlineSpacerDiv} aria-hidden="true" />
+      {!!header && (
+        <div className={clsx(classNames.headerContainer, !hasSubSection ? classNames.sticky : undefined)}>{header}</div>
+      )}
       {!hideTitleText && (
         <div
           role="heading"
           aria-level={parseInt(titleTextLevel.slice(1))}
-          className={classNames.titleContainer}
+          className={clsx(classNames.titleContainer, !header && !hasSubSection ? classNames.sticky : undefined)}
           data-component-name="ObjectPageSectionTitleText"
         >
           <div className={titleClasses}>{titleText}</div>
diff --git a/packages/main/src/components/ObjectPageSubSection/ObjectPageSubSection.module.css b/packages/main/src/components/ObjectPageSubSection/ObjectPageSubSection.module.css
index f8bb32d3d5d..5e09124e550 100644
--- a/packages/main/src/components/ObjectPageSubSection/ObjectPageSubSection.module.css
+++ b/packages/main/src/components/ObjectPageSubSection/ObjectPageSubSection.module.css
@@ -1,11 +1,10 @@
 .objectPageSubSection:focus {
   outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
-  outline-offset: calc(-1 * var(--sapContent_FocusWidth));
+  outline-offset: calc(-1 * var(--sapContent_FocusWidth) + 4px);
 }
 
 .headerContainer {
-  margin-block-end: 0.5rem;
-
+  min-height: 2rem;
   > :first-child {
     margin-inline: 0 0.25rem;
   }
@@ -15,6 +14,11 @@
   > *:not(:first-child):not(:last-child) {
     margin-inline: 0.25rem;
   }
+  position: sticky;
+  background: var(--sapBackgroundColor);
+  /*-1 -> subpixel rounding errors */
+  inset-block-start: calc(var(--_ui5wcr_ObjectPage_header_height) - 1px);
+  z-index: 3;
 }
 
 .subSectionTitle {
@@ -28,6 +32,7 @@
   background-color: var(--_ui5wcr_ObjectPage_SubSectionBackgroundColor);
   border-radius: var(--_ui5wcr_ObjectPage_SubSectionBorderRadius);
   padding-block: 0.5rem;
+  margin-block-start: 0.5rem;
 }
 
 .spacer {