diff --git a/packages/linea-ens-app/src/components/ProfileSnippet.tsx b/packages/linea-ens-app/src/components/ProfileSnippet.tsx
index 8e0d21566..c053af0e5 100644
--- a/packages/linea-ens-app/src/components/ProfileSnippet.tsx
+++ b/packages/linea-ens-app/src/components/ProfileSnippet.tsx
@@ -1,6 +1,6 @@
import { useMemo } from 'react'
import { useTranslation } from 'react-i18next'
-import styled, { css } from 'styled-components'
+import styled, { css, useTheme } from 'styled-components'
import { mq } from '@ensdomains/thorin'
@@ -143,6 +143,7 @@ export const ProfileSnippet = ({
button?: 'viewProfile' | 'extend' | 'register'
children?: React.ReactNode
}) => {
+ const theme = useTheme()
const router = useRouterWithHistory()
const { t } = useTranslation('common')
@@ -163,7 +164,13 @@ export const ProfileSnippet = ({
return (
}
+ prefix={
+
+ }
data-testid="extend-button"
onClick={() => {
showExtendNamePohInput(`extend-names-${name}`, {
diff --git a/packages/linea-ens-app/src/transaction-flow/input/ExtendNamePoh/ExtendNamePoh-flow.tsx b/packages/linea-ens-app/src/transaction-flow/input/ExtendNamePoh/ExtendNamePoh-flow.tsx
index 0cdaedda1..24c68a31a 100644
--- a/packages/linea-ens-app/src/transaction-flow/input/ExtendNamePoh/ExtendNamePoh-flow.tsx
+++ b/packages/linea-ens-app/src/transaction-flow/input/ExtendNamePoh/ExtendNamePoh-flow.tsx
@@ -8,6 +8,7 @@ import { Avatar, Button, Dialog, mq, ScrollBox, Typography } from '@ensdomains/t
import { PlusMinusControl } from '@app/components/@atoms/PlusMinusControl/PlusMinusControl'
import { StyledName } from '@app/components/@atoms/StyledName/StyledName'
+import { DialogHeading } from '@app/components/styled/Dialog'
import { useEstimateGasWithStateOverride } from '@app/hooks/chain/useEstimateGasWithStateOverride'
import { useExpiry } from '@app/hooks/ensjs/public/useExpiry'
import { usePohSignature } from '@app/hooks/usePohStatus'
@@ -219,7 +220,7 @@ const ExtendNamePoh = ({ data: { names, isSelf }, dispatch, onDismiss }: Props)
enabled: !!pohSignature,
})
- const { title, alert } = match(view)
+ const { title } = match(view)
.with('no-ownership-warning', () => ({
title: t('input.extendNames.ownershipWarning.title', { count: names.length }),
alert: 'warning' as const,
@@ -249,7 +250,7 @@ const ExtendNamePoh = ({ data: { names, isSelf }, dispatch, onDismiss }: Props)
return (
-
+ {title}
{match(view)