diff --git a/CHANGELOG.md b/CHANGELOG.md
index 5882bb153..dad911463 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -10,10 +10,20 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 ### Added
 
 -   Implement `ProposalDataListItemSkeleton` module component
+-   Extend `addressUtils` with `isAddressEqual` method
 
 ### Changed
 
 -   Remove padding from `DataListContainer`, `DataListFilterStatus`, `DataListPagination` and `DataListRoot`
+-   Add `stageId` and `stageTitle` properties to `IApprovalThresholdResult` & `IMajorityVotingResult` interfaces
+-   Add `id` and optional `tag` properties to `ProposalDataListItemStructure`
+-   Remove `publisherProfileLink` and `protocolUpdate` properties from `ProposalDataListItemStructure`
+-   Update `date` and `result` properties of `ProposalDataListItemStructure` to be optional and `publisher` to allow for
+    multiple publishers
+
+### Fixed
+
+-   `Link` core component to truncate on overflow
 
 ## [1.0.23] - 2024-04-18
 
diff --git a/src/core/components/link/link.tsx b/src/core/components/link/link.tsx
index 73934f6ca..b004e24ba 100644
--- a/src/core/components/link/link.tsx
+++ b/src/core/components/link/link.tsx
@@ -55,8 +55,8 @@ export const Link = React.forwardRef<HTMLAnchorElement, ILinkProps>((props, ref)
             {...(disabled && { tabIndex: -1, 'aria-disabled': 'true' })}
             {...otherProps}
         >
-            <div className="flex items-center gap-x-2 truncate">
-                {children}
+            <div className="flex items-center gap-x-2">
+                <span className="truncate">{children}</span>
                 {iconRight && <Icon icon={iconRight} size="sm" />}
             </div>
             {description && <p className={descriptionClassName}>{description}</p>}
diff --git a/src/modules/components/proposal/proposalDataListItem/approvalThresholdResult/approvalThresholdResult.test.tsx b/src/modules/components/proposal/proposalDataListItem/approvalThresholdResult/approvalThresholdResult.test.tsx
index df66ddad8..ab16367c1 100644
--- a/src/modules/components/proposal/proposalDataListItem/approvalThresholdResult/approvalThresholdResult.test.tsx
+++ b/src/modules/components/proposal/proposalDataListItem/approvalThresholdResult/approvalThresholdResult.test.tsx
@@ -38,4 +38,22 @@ describe('<ApprovalThresholdResult /> component', () => {
         expect(screen.getByText(expectedApproval)).toBeInTheDocument();
         expect(screen.getByText(expectedThreshold)).toBeInTheDocument();
     });
+
+    it('renders the stage title and stage id when provided', () => {
+        const stage = {
+            title: 'Test Stage',
+            id: '3',
+        };
+
+        render(createTestComponent({ stage }));
+
+        expect(screen.getByText(stage.title)).toBeInTheDocument();
+        expect(screen.getByText(stage.id)).toBeInTheDocument();
+    });
+
+    it('renders the default stage title when not provided', () => {
+        render(createTestComponent());
+
+        expect(screen.getByText(/approved by/i)).toBeInTheDocument();
+    });
 });
diff --git a/src/modules/components/proposal/proposalDataListItem/approvalThresholdResult/approvalThresholdResult.tsx b/src/modules/components/proposal/proposalDataListItem/approvalThresholdResult/approvalThresholdResult.tsx
index 0f3d55e12..9317f634a 100644
--- a/src/modules/components/proposal/proposalDataListItem/approvalThresholdResult/approvalThresholdResult.tsx
+++ b/src/modules/components/proposal/proposalDataListItem/approvalThresholdResult/approvalThresholdResult.tsx
@@ -7,14 +7,20 @@ export interface IApprovalThresholdResultProps extends IApprovalThresholdResult
  * `ApprovalThresholdResult` component
  */
 export const ApprovalThresholdResult: React.FC<IApprovalThresholdResultProps> = (props) => {
-    const { approvalAmount, approvalThreshold } = props;
+    const { approvalAmount, approvalThreshold, stage } = props;
     const percentage = approvalThreshold !== 0 ? (approvalAmount / approvalThreshold) * 100 : 100;
 
     return (
-        //  TODO: apply internationalization to Approved By, of, and Members [APP-2627]
+        //  TODO: apply internationalization to Approved By, of, Stage, and Members [APP-2627]
         <div className="flex w-full flex-col gap-y-2 rounded-xl border border-neutral-100 bg-neutral-0 px-4 py-3 shadow-neutral-sm md:gap-y-3 md:px-6 md:py-5">
-            <div className="flex flex-1 gap-x-4 leading-tight text-neutral-800 md:gap-x-6 md:text-lg">
-                <span className="flex-1">Approved By</span>
+            <div className="flex flex-1 gap-x-3 leading-tight text-neutral-800 md:gap-x-6 md:text-lg">
+                <span className="line-clamp-1 flex-1">{stage?.title ?? 'Approved By'}</span>
+                {stage?.id != null && (
+                    <span className="flex shrink-0 justify-between gap-x-0.5">
+                        <span className="flex-1 text-neutral-500">Stage</span>
+                        {stage.id}
+                    </span>
+                )}
             </div>
             <Progress value={percentage} />
             <div className="flex gap-x-0.5 leading-tight text-neutral-500 md:gap-x-1 md:text-lg">
diff --git a/src/modules/components/proposal/proposalDataListItem/majorityVotingResult/majorityVotingResult.test.tsx b/src/modules/components/proposal/proposalDataListItem/majorityVotingResult/majorityVotingResult.test.tsx
index 8da12f06a..043539de4 100644
--- a/src/modules/components/proposal/proposalDataListItem/majorityVotingResult/majorityVotingResult.test.tsx
+++ b/src/modules/components/proposal/proposalDataListItem/majorityVotingResult/majorityVotingResult.test.tsx
@@ -27,4 +27,22 @@ describe('<MajorityVotingResult /> component', () => {
         expect(screen.getByText(mockProps.votePercentage, { exact: false })).toBeInTheDocument();
         expect(screen.getByRole('progressbar')).toBeInTheDocument();
     });
+
+    it('renders the stage title and stage id when provided', () => {
+        const stage = {
+            title: 'Test Stage',
+            id: '3',
+        };
+
+        render(createTestComponent({ stage }));
+
+        expect(screen.getByText(stage.title)).toBeInTheDocument();
+        expect(screen.getByText(stage.id)).toBeInTheDocument();
+    });
+
+    it('renders the default stage title when not provided', () => {
+        render(createTestComponent());
+
+        expect(screen.getByText(/winning option/i)).toBeInTheDocument();
+    });
 });
diff --git a/src/modules/components/proposal/proposalDataListItem/majorityVotingResult/majorityVotingResult.tsx b/src/modules/components/proposal/proposalDataListItem/majorityVotingResult/majorityVotingResult.tsx
index 2757034ad..c58837773 100644
--- a/src/modules/components/proposal/proposalDataListItem/majorityVotingResult/majorityVotingResult.tsx
+++ b/src/modules/components/proposal/proposalDataListItem/majorityVotingResult/majorityVotingResult.tsx
@@ -7,14 +7,20 @@ export interface IMajorityVotingResultProps extends IMajorityVotingResult {}
  * `MajorityVotingResult` component
  */
 export const MajorityVotingResult: React.FC<IMajorityVotingResultProps> = (props) => {
-    const { option, voteAmount, votePercentage } = props;
+    const { option, stage, voteAmount, votePercentage } = props;
 
     return (
-        // TODO: apply internationalization to Winning Option [APP-2627]
+        // TODO: apply internationalization to Winning Option and Stage [APP-2627]
         <div className="flex w-full flex-col gap-y-2 rounded-xl border border-neutral-100 bg-neutral-0 px-4 py-3 shadow-neutral-sm md:gap-y-3 md:px-6 md:py-5">
             <div className="flex flex-1 gap-x-4 leading-tight text-neutral-800 md:gap-x-6 md:text-lg">
-                <span className="flex-1">Winning Option</span>
-                <span className="text-primary-400">{`${votePercentage}%`}</span>
+                <span className="line-clamp-1 flex-1">{stage?.title ?? 'Winning Option'}</span>
+                {stage?.id == null && <span className="text-primary-400">{`${votePercentage}%`}</span>}
+                {stage?.id != null && (
+                    <span className="flex shrink-0 justify-between gap-x-0.5">
+                        <span className="flex-1 text-neutral-500">Stage</span>
+                        {stage.id}
+                    </span>
+                )}
             </div>
             <Progress value={votePercentage} />
             <div className="flex gap-x-4 leading-tight md:gap-x-6 md:text-lg">
diff --git a/src/modules/components/proposal/proposalDataListItem/proposalDataListItemStatus/proposalDataListItemStatus.test.tsx b/src/modules/components/proposal/proposalDataListItem/proposalDataListItemStatus/proposalDataListItemStatus.test.tsx
index 0f65473e3..d763c5104 100644
--- a/src/modules/components/proposal/proposalDataListItem/proposalDataListItemStatus/proposalDataListItemStatus.test.tsx
+++ b/src/modules/components/proposal/proposalDataListItem/proposalDataListItemStatus/proposalDataListItemStatus.test.tsx
@@ -23,6 +23,14 @@ describe('<ProposalDataListItemStatus /> component', () => {
         expect(screen.getByTestId(IconType.CALENDAR)).toBeInTheDocument();
     });
 
+    it('does not render the calendar icon when date property is not defined', () => {
+        const status = 'accepted';
+
+        render(createTestComponent({ status, date: undefined }));
+
+        expect(screen.queryByTestId(IconType.CALENDAR)).not.toBeInTheDocument();
+    });
+
     it("only displays the date for proposals with a status that is not 'draft'", () => {
         const date = 'test date';
         const status = 'draft';
diff --git a/src/modules/components/proposal/proposalDataListItem/proposalDataListItemStatus/proposalDataListItemStatus.tsx b/src/modules/components/proposal/proposalDataListItem/proposalDataListItemStatus/proposalDataListItemStatus.tsx
index 3a6681e11..aa9a03813 100644
--- a/src/modules/components/proposal/proposalDataListItem/proposalDataListItemStatus/proposalDataListItemStatus.tsx
+++ b/src/modules/components/proposal/proposalDataListItem/proposalDataListItemStatus/proposalDataListItemStatus.tsx
@@ -61,7 +61,9 @@ export const ProposalDataListItemStatus: React.FC<IProposalDataListItemStatusPro
                     </span>
                     {ongoingAndVoted && <AvatarIcon icon={IconType.CHECKMARK} responsiveSize={{ md: 'md' }} />}
                     {ongoing && !voted && <StatePingAnimation variant={ongoingStatusToPingVariant[status]} />}
-                    {!ongoing && !voted && <AvatarIcon icon={IconType.CALENDAR} responsiveSize={{ md: 'md' }} />}
+                    {!ongoing && !voted && date && (
+                        <AvatarIcon icon={IconType.CALENDAR} responsiveSize={{ md: 'md' }} />
+                    )}
                 </div>
             )}
         </div>
diff --git a/src/modules/components/proposal/proposalDataListItem/proposalDataListItemStructure/proposalDataListItemStructure.api.ts b/src/modules/components/proposal/proposalDataListItem/proposalDataListItemStructure/proposalDataListItemStructure.api.ts
index 97dda5ace..5e9f432a2 100644
--- a/src/modules/components/proposal/proposalDataListItem/proposalDataListItemStructure/proposalDataListItemStructure.api.ts
+++ b/src/modules/components/proposal/proposalDataListItem/proposalDataListItemStructure/proposalDataListItemStructure.api.ts
@@ -20,25 +20,25 @@ export interface IProposalDataListItemStructureBaseProps<TType extends ProposalT
     extends IDataListItemProps,
         IWeb3ComponentProps {
     /**
-     * Indicates date relative to the proposal status
+     * Proposal id
      */
-    date: string;
+    id?: string;
     /**
-     * Indicates whether the proposal is a protocol update
+     * Indicates date relative to the proposal status
      */
-    protocolUpdate?: boolean;
+    date?: string;
     /**
-     * Publisher address (and optional ENS name)
+     * Optional tag indicating proposal type
      */
-    publisher: ICompositeAddress;
+    tag?: string;
     /**
-     * Link to the publisher's profile
+     * Publisher(s) address (and optional ENS name and profile link)
      */
-    publisherProfileLink: string;
+    publisher: IPublisher | IPublisher[];
     /**
      * Result of the proposal shown only when it is active, challenged or vetoed.
      */
-    result: TType extends 'majorityVoting' ? IMajorityVotingResult : IApprovalThresholdResult;
+    result?: TType extends 'majorityVoting' ? IMajorityVotingResult : IApprovalThresholdResult;
     /**
      * Proposal status
      */
@@ -60,8 +60,33 @@ export interface IProposalDataListItemStructureBaseProps<TType extends ProposalT
      */
     voted?: boolean;
 }
+export interface IPublisher extends ICompositeAddress {
+    /**
+     * Link to additional information about the publisher, such as a profile page or block explorer.
+     */
+    link?: string;
+}
+
+export interface IProposalStage {
+    /**
+     * Name of the proposal stage
+     */
+    title?: string;
+
+    /**
+     * Id of the proposal stage
+     */
+    id: string | number;
+}
+
+export interface IProposalResultBase {
+    /**
+     * Proposal stage
+     */
+    stage?: IProposalStage;
+}
 
-export interface IApprovalThresholdResult {
+export interface IApprovalThresholdResult extends IProposalResultBase {
     /**
      * Number of approvals for the proposal
      */
@@ -72,7 +97,7 @@ export interface IApprovalThresholdResult {
     approvalThreshold: number;
 }
 
-export interface IMajorityVotingResult {
+export interface IMajorityVotingResult extends IProposalResultBase {
     /**
      * Winning option
      */
diff --git a/src/modules/components/proposal/proposalDataListItem/proposalDataListItemStructure/proposalDataListItemStructure.stories.tsx b/src/modules/components/proposal/proposalDataListItem/proposalDataListItemStructure/proposalDataListItemStructure.stories.tsx
index da83cb3c6..1e894fffc 100644
--- a/src/modules/components/proposal/proposalDataListItem/proposalDataListItemStructure/proposalDataListItemStructure.stories.tsx
+++ b/src/modules/components/proposal/proposalDataListItem/proposalDataListItemStructure/proposalDataListItemStructure.stories.tsx
@@ -17,12 +17,13 @@ const meta: Meta<typeof ProposalDataListItem.Structure> = {
 
 type Story = StoryObj<typeof ProposalDataListItem.Structure>;
 
-const baseArgs: Omit<IProposalDataListItemStructureProps, 'result'> = {
+const basePublisher = {
+    address: '0xd5fb864ACfD6BB2f72939f122e89fF7F475924f5',
+    link: 'https://app.aragon.org/#/daos/base/0xd2705c56aa4edb98271cb8cea2b0df3288ad4585/members/0xd5fb864ACfD6BB2f72939f122e89fF7F475924f5',
+};
+
+const baseArgs: Omit<IProposalDataListItemStructureProps, 'result' | 'publisher'> = {
     date: '5 days left',
-    protocolUpdate: false,
-    publisher: { address: '0xd5fb864ACfD6BB2f72939f122e89fF7F475924f5' },
-    publisherProfileLink:
-        'https://app.aragon.org/#/daos/base/0xd2705c56aa4edb98271cb8cea2b0df3288ad4585/members/0xd5fb864ACfD6BB2f72939f122e89fF7F475924f5',
     status: 'draft',
     title: 'This is a very serious proposal to send funds to a wallet address',
     summary: `Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel eleifend neque, in mattis eros. 
@@ -39,6 +40,7 @@ const baseArgs: Omit<IProposalDataListItemStructureProps, 'result'> = {
 export const MajorityVoting: Story = {
     args: {
         ...baseArgs,
+        publisher: { ...basePublisher },
         type: 'majorityVoting',
         result: {
             option: 'yes',
@@ -61,7 +63,7 @@ export const MajorityVoting: Story = {
 export const ApprovalThreshold: Story = {
     args: {
         ...baseArgs,
-        publisher: { name: 'sio.eth', address: baseArgs.publisher.address },
+        publisher: { ...basePublisher, name: 'sio.eth' },
         type: 'approvalThreshold',
         result: {
             approvalAmount: 4,
@@ -77,4 +79,33 @@ export const ApprovalThreshold: Story = {
     ),
 };
 
+/**
+ * Example of the `ProposalDataListItem.Structure` module component for a multi-body proposal.
+ */
+export const MultiBody: Story = {
+    args: {
+        ...baseArgs,
+        id: 'PIP-1',
+        publisher: [
+            { ...basePublisher, name: '0xRugg', link: undefined },
+            { ...basePublisher, name: 'Bob the Builder', link: undefined },
+            { ...basePublisher, name: 'sio.eth' },
+            { ...basePublisher },
+        ],
+        type: 'approvalThreshold',
+        result: {
+            stage: { title: 'Founders Approval Council', id: '1' },
+            approvalAmount: 4,
+            approvalThreshold: 6,
+        },
+    },
+    render: (props) => (
+        <DataList.Root entityLabel="Proposals">
+            <DataList.Container SkeletonElement={ProposalDataListItem.Skeleton}>
+                <ProposalDataListItem.Structure {...props} />
+            </DataList.Container>
+        </DataList.Root>
+    ),
+};
+
 export default meta;
diff --git a/src/modules/components/proposal/proposalDataListItem/proposalDataListItemStructure/proposalDataListItemStructure.test.tsx b/src/modules/components/proposal/proposalDataListItem/proposalDataListItemStructure/proposalDataListItemStructure.test.tsx
index ee7809550..0fc2fe777 100644
--- a/src/modules/components/proposal/proposalDataListItem/proposalDataListItemStructure/proposalDataListItemStructure.test.tsx
+++ b/src/modules/components/proposal/proposalDataListItem/proposalDataListItemStructure/proposalDataListItemStructure.test.tsx
@@ -2,7 +2,7 @@ import { render, screen } from '@testing-library/react';
 import * as wagmi from 'wagmi';
 import { DataList } from '../../../../../core';
 import { addressUtils } from '../../../../utils/addressUtils';
-import { ProposalDataListItemStructure } from './proposalDataListItemStructure';
+import { ProposalDataListItemStructure, maxPublishersDisplayed } from './proposalDataListItemStructure';
 import {
     type IApprovalThresholdResult,
     type IMajorityVotingResult,
@@ -18,14 +18,10 @@ describe('<ProposalDataListItemStructure/> component', () => {
         const { result, ...baseInputProps } = props ?? {};
 
         const baseProps: Omit<IProposalDataListItemStructureProps, 'result'> = {
-            date: new Date().toISOString(),
-            protocolUpdate: false,
-            publisher: { address: '0x123' },
+            publisher: { address: '0x0000000000000000000000000000000000000000', link: '#' },
             status: 'active',
             summary: 'Example Summary',
             title: 'Example Title',
-            voted: false,
-            publisherProfileLink: '#',
             type: 'approvalThreshold',
             ...baseInputProps,
         };
@@ -73,7 +69,7 @@ describe('<ProposalDataListItemStructure/> component', () => {
     const ongoingStatuses: ProposalStatus[] = ['active', 'challenged', 'vetoed'];
 
     it("renders 'You' as the publisher if the connected address is the publisher address", () => {
-        const publisher = { address: '0x123' };
+        const publisher = { address: '0x0000000000000000000000000000000000000000', link: '#' };
 
         useAccountMock.mockImplementation(jest.fn().mockReturnValue({ address: publisher.address, isConnected: true }));
 
@@ -82,35 +78,58 @@ describe('<ProposalDataListItemStructure/> component', () => {
         expect(screen.getByRole('link', { name: 'You' })).toBeInTheDocument();
     });
 
-    describe("'approvalThreshold type'", () => {
-        it('renders without crashing', () => {
-            const testProps: IProposalDataListItemStructureProps = {
-                date: new Date().toISOString(),
-                publisher: { address: '0x123' },
-                publisherProfileLink: '#',
-                status: 'active',
-                summary: 'Example Summary',
-                title: 'Example Title',
-                type: 'approvalThreshold',
-                result: {
-                    approvalAmount: 1,
-                    approvalThreshold: 2,
-                },
-            };
+    it('renders multiple publishers', () => {
+        const publishers = [
+            { name: 'abc', link: '#', address: '0x0000000000000000000000000000000000000000' },
+            { name: 'def', link: '#', address: '0x0000000000000000000000000000000000000000' },
+        ];
 
-            render(createTestComponent(testProps));
+        render(createTestComponent({ publisher: publishers }));
 
-            expect(screen.getByText(testProps.title)).toBeInTheDocument();
-            expect(screen.getByText(testProps.summary)).toBeInTheDocument();
-            expect(screen.getByText(testProps.status)).toBeInTheDocument();
-            expect(screen.getByText(testProps.date)).toBeInTheDocument();
-            expect(
-                screen.getByText(addressUtils.truncateAddress(testProps.publisher.address ?? '')),
-            ).toBeInTheDocument();
+        publishers.forEach((publisher) => {
+            expect(screen.getByText(publisher.name)).toBeInTheDocument();
         });
+    });
+
+    it(`renders '${maxPublishersDisplayed}+ creators' when the publishers are more than ${maxPublishersDisplayed}`, () => {
+        const publishers = [
+            { name: 'abc', link: '#', address: '0x0000000000000000000000000000000000000000' },
+            { name: 'def', link: '#', address: '0x0000000000000000000000000000000000000000' },
+            { name: 'ghi', link: '#', address: '0x0000000000000000000000000000000000000000' },
+            { name: 'jkl', link: '#', address: '0x0000000000000000000000000000000000000000' },
+        ];
+
+        render(createTestComponent({ publisher: publishers }));
+
+        expect(screen.getByText(`${maxPublishersDisplayed}+ creators`)).toBeInTheDocument();
+    });
+
+    it('renders with the given properties', () => {
+        const testProps = {
+            tag: 'OSx updates',
+            date: new Date().toISOString(),
+            publisher: { address: '0x0000000000000000000000000000000000000000', link: '#' },
+            status: 'active',
+            summary: 'Example Summary',
+            title: 'Example Title',
+            type: 'approvalThreshold',
+            id: '0x1',
+        };
+
+        render(createTestComponent(testProps as IProposalDataListItemStructureProps));
+
+        expect(screen.getByText(testProps.title)).toBeInTheDocument();
+        expect(screen.getByText(testProps.summary)).toBeInTheDocument();
+        expect(screen.getByText(testProps.status)).toBeInTheDocument();
+        expect(screen.getByText(testProps.date)).toBeInTheDocument();
+        expect(screen.getByText(testProps.id)).toBeInTheDocument();
+        expect(screen.getByText(testProps.tag)).toBeInTheDocument();
+        expect(screen.getByText(addressUtils.truncateAddress(testProps.publisher.address))).toBeInTheDocument();
+    });
 
+    describe("'approvalThreshold' type", () => {
         ongoingStatuses.forEach((status) => {
-            it(`renders the results when status is '${status}'`, () => {
+            it.each(ongoingStatuses)(`renders the results when status is '${status}'`, () => {
                 const testProps = {
                     approvalAmount: 10,
                     approvalThreshold: 11,
@@ -137,33 +156,6 @@ describe('<ProposalDataListItemStructure/> component', () => {
     });
 
     describe("'majorityVoting' type", () => {
-        it('renders without crashing', () => {
-            const testProps: IProposalDataListItemStructureProps = {
-                date: new Date().toISOString(),
-                publisher: { address: '0x123' },
-                publisherProfileLink: '#',
-                status: 'active',
-                summary: 'Example Summary',
-                title: 'Example Title',
-                type: 'majorityVoting',
-                result: {
-                    option: 'Yes',
-                    voteAmount: '100 wAnt',
-                    votePercentage: 10,
-                },
-            };
-
-            render(createTestComponent(testProps));
-
-            expect(screen.getByText(testProps.title)).toBeInTheDocument();
-            expect(screen.getByText(testProps.summary)).toBeInTheDocument();
-            expect(screen.getByText(testProps.status)).toBeInTheDocument();
-            expect(screen.getByText(testProps.date)).toBeInTheDocument();
-            expect(
-                screen.getByText(addressUtils.truncateAddress(testProps.publisher.address ?? '')),
-            ).toBeInTheDocument();
-        });
-
         ongoingStatuses.forEach((status) => {
             it(`renders the results when status is '${status}'`, () => {
                 const testProps = {
diff --git a/src/modules/components/proposal/proposalDataListItem/proposalDataListItemStructure/proposalDataListItemStructure.tsx b/src/modules/components/proposal/proposalDataListItem/proposalDataListItemStructure/proposalDataListItemStructure.tsx
index f97a942d8..e37b550f0 100644
--- a/src/modules/components/proposal/proposalDataListItem/proposalDataListItemStructure/proposalDataListItemStructure.tsx
+++ b/src/modules/components/proposal/proposalDataListItem/proposalDataListItemStructure/proposalDataListItemStructure.tsx
@@ -5,7 +5,18 @@ import { addressUtils } from '../../../../utils/addressUtils';
 import { ApprovalThresholdResult } from '../approvalThresholdResult';
 import { MajorityVotingResult } from '../majorityVotingResult';
 import { ProposalDataListItemStatus } from '../proposalDataListItemStatus';
-import { type IProposalDataListItemStructureProps } from './proposalDataListItemStructure.api';
+import { type IProposalDataListItemStructureProps, type IPublisher } from './proposalDataListItemStructure.api';
+
+export const maxPublishersDisplayed = 3;
+
+function parsePublisher(publisher: IPublisher, isConnected: boolean, connectedAddress: string | undefined) {
+    const publisherIsConnected = isConnected && addressUtils.isAddressEqual(publisher.address, connectedAddress);
+    const publisherLabel = publisherIsConnected
+        ? 'You'
+        : publisher.name ?? addressUtils.truncateAddress(publisher.address);
+
+    return { label: publisherLabel, link: publisher.link };
+}
 
 /**
  * `ProposalDataListItemStructure` module component
@@ -14,13 +25,13 @@ export const ProposalDataListItemStructure: React.FC<IProposalDataListItemStruct
     const {
         wagmiConfig: config,
         chainId,
+        id,
         className,
         type,
         result,
         date,
-        protocolUpdate,
+        tag,
         publisher,
-        publisherProfileLink,
         status,
         summary,
         title,
@@ -32,35 +43,51 @@ export const ProposalDataListItemStructure: React.FC<IProposalDataListItemStruct
 
     const ongoing = status === 'active' || status === 'challenged' || status === 'vetoed';
 
-    const publisherIsConnected = isConnected && connectedAddress?.toLowerCase() === publisher.address.toLowerCase();
-    const publisherLabel = publisherIsConnected
-        ? 'You'
-        : publisher.name ?? addressUtils.truncateAddress(publisher.address);
+    const parsedPublisher = Array.isArray(publisher)
+        ? publisher.map((p) => parsePublisher(p, isConnected, connectedAddress))
+        : [parsePublisher(publisher, isConnected, connectedAddress)];
+
+    const showParsedPublisher = parsedPublisher.length <= maxPublishersDisplayed;
 
     return (
         <DataList.Item className={classNames('flex flex-col gap-y-4', className)} {...otherProps}>
             <ProposalDataListItemStatus date={date} status={status} voted={voted} />
             <div className="flex flex-col gap-y-1">
-                <p className="line-clamp-1 text-lg leading-tight text-neutral-800 md:text-2xl">{title}</p>
+                <p className="line-clamp-1 flex gap-x-3 text-lg leading-tight md:text-2xl">
+                    {id && <span className="text-neutral-500">{id}</span>}
+                    <span className="text-neutral-800">{title}</span>
+                </p>
                 <p className="line-clamp-2 leading-normal text-neutral-500 md:text-lg">{summary}</p>
             </div>
 
-            {ongoing && type === 'approvalThreshold' && <ApprovalThresholdResult {...result} />}
+            {ongoing && type === 'approvalThreshold' && result && <ApprovalThresholdResult {...result} />}
 
-            {ongoing && type === 'majorityVoting' && <MajorityVotingResult {...result} />}
+            {ongoing && type === 'majorityVoting' && result && <MajorityVotingResult {...result} />}
 
-            <div className="flex items-center gap-x-4 md:gap-x-6">
-                <div className="flex min-h-5 flex-1 items-center gap-x-0.5 text-sm leading-tight text-neutral-600 md:min-h-6 md:text-base">
-                    {/* TODO: apply internationalization [APP-2627] */}
+            <div className="flex items-center justify-between gap-x-4 md:gap-x-6">
+                <div
+                    className={classNames(
+                        'inline-grid auto-cols-auto grid-flow-col content-center',
+                        'min-h-5 gap-x-0.5 text-sm leading-tight text-neutral-600 md:min-h-6 md:gap-x-1 md:text-base',
+                    )}
+                >
                     By
-                    {/* using solution from https://kizu.dev/nested-links/ to nest anchor tags */}
-                    <object type="disregardType" className="ml-0.5 md:ml-1">
-                        <Link href={publisherProfileLink}>{publisherLabel}</Link>
-                    </object>
+                    {showParsedPublisher === false && <span>3+ creators</span>}
+                    {showParsedPublisher &&
+                        parsedPublisher.map(({ label, link }, index) => (
+                            <span key={label} className="truncate">
+                                <object type="disregardType" className="flex shrink">
+                                    {link != null && (
+                                        // using solution from https://kizu.dev/nested-links/ to nest anchor tags
+                                        <Link href={link}>{label}</Link>
+                                    )}
+                                    {link == null && <span className="truncate">{label}</span>}
+                                    {index < parsedPublisher.length - 1 && ','}
+                                </object>
+                            </span>
+                        ))}
                 </div>
-
-                {/* TODO: apply internationalization [APP-2627] */}
-                {protocolUpdate && <Tag label="OSx Update" variant="primary" />}
+                {tag && <Tag label={tag} variant="primary" />}
             </div>
         </DataList.Item>
     );
diff --git a/src/modules/utils/addressUtils/addressUtils.test.tsx b/src/modules/utils/addressUtils/addressUtils.test.tsx
index e4a185ec7..4bf79e6e3 100644
--- a/src/modules/utils/addressUtils/addressUtils.test.tsx
+++ b/src/modules/utils/addressUtils/addressUtils.test.tsx
@@ -60,4 +60,29 @@ describe('address utils', () => {
             expect(() => addressUtils.getChecksum(value)).toThrow();
         });
     });
+
+    describe('isAddressEqual', () => {
+        it('returns true when both addresses are the same regardless of checksum', () => {
+            const addressOne = '0xd8da6bf26964af9d7eed9e03e53415d37aa96045';
+            const addressTwo = '0xd8dA6BF26964aF9D7eEd9e03E53415D37aA96045';
+
+            expect(addressUtils.isAddressEqual(addressOne, addressTwo)).toBeTruthy();
+        });
+
+        it('returns false when the addresses are not the same', () => {
+            const addressOne = '0xd8da6bf26964af9d7eed9e03e53415d37aa96045';
+            const addressTwo = '0x0000000000000000000000000000000000000000';
+
+            expect(addressUtils.isAddressEqual(addressOne, addressTwo)).toBeFalsy();
+        });
+
+        it('returns false when either of the inputs is an invalid address', () => {
+            const invalidAddress = 'test';
+            const validAddress = '0xd8da6bf26964af9d7eed9e03e53415d37aa96045';
+
+            expect(addressUtils.isAddressEqual(validAddress, invalidAddress)).toBeFalsy();
+            expect(addressUtils.isAddressEqual(invalidAddress, validAddress)).toBeFalsy();
+            expect(addressUtils.isAddressEqual(invalidAddress, invalidAddress)).toBeFalsy();
+        });
+    });
 });
diff --git a/src/modules/utils/addressUtils/addressUtils.ts b/src/modules/utils/addressUtils/addressUtils.ts
index 72e22fd24..638d323ba 100644
--- a/src/modules/utils/addressUtils/addressUtils.ts
+++ b/src/modules/utils/addressUtils/addressUtils.ts
@@ -33,6 +33,17 @@ class AddressUtils {
      * @returns The address in checksum format
      */
     getChecksum = (address = ''): Address => getAddress(address);
+
+    /**
+     * Compares two addresses (ignoring checksum) to see if they are the same
+     * @param addressOne The first address
+     * @param addressTwo The second address
+     * @returns true if the addresses are the same, false otherwise
+     */
+    isAddressEqual = (addressOne = '', addressTwo = ''): boolean =>
+        this.isAddress(addressOne) &&
+        this.isAddress(addressTwo) &&
+        addressOne?.toLowerCase() === addressTwo?.toLowerCase();
 }
 
 export const addressUtils = new AddressUtils();