Simplify hosted content header

dotcom-rendering/src/components/BrandingLabel.tsx

@@ -102,13 +102,8 @@ const imageAdvertisingPartnerStyles = css`
 `;
 
 const hostedLogoImageStyles = css`
-	width: 80px;
+	width: 132px;
 	height: auto;
-
-	${from.desktop} {
-		width: 132px;
-		height: auto;
-	}
 `;
 
 /**

dotcom-rendering/src/components/HostedContentHeader.stories.tsx

@@ -1,9 +1,11 @@
 import { palette as sourcePalette } from '@guardian/source/foundations';
+import type { Meta, StoryObj } from '@storybook/react-webpack5';
+import type { Branding } from '../types/branding';
 import { HostedContentHeader } from './HostedContentHeader';
 import type { Props as HostedContentHeaderProps } from './HostedContentHeader';
 import { Section } from './Section';
 
-export default {
+const meta = {
 	component: HostedContentHeader,
 	title: 'Components/HostedContentHeader',
 	args: {
@@ -17,30 +19,30 @@ export default {
 					height: 575,
 				},
 				link: 'https://www.wearestillin.com/',
+				label: 'Paid for by',
 			},
 			aboutThisLink:
 				'https://www.theguardian.com/info/2016/jan/25/content-funding',
 			hostedCampaignColour: '#d90c1f',
-		},
+		} satisfies Branding,
 	},
-};
-export const Default = (args: HostedContentHeaderProps) => {
-	return (
+	render: (args: HostedContentHeaderProps) => (
 		<Section
 			fullWidth={true}
 			showSideBorders={false}
 			showTopBorder={false}
 			shouldCenter={false}
 			backgroundColour={sourcePalette.neutral[7]}
 			padSides={false}
-			element="aside"
+			element="header"
 		>
-			<HostedContentHeader
-				{...args}
-				branding={args.branding}
-				accentColor={args.branding.hostedCampaignColour}
-			/>
+			<HostedContentHeader {...args} />
 		</Section>
-	);
-};
-Default.storyName = 'default';
+	),
+} satisfies Meta<typeof HostedContentHeader>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Default = {} satisfies Story;