diff --git a/apps/cowswap-frontend/src/common/pure/ExternalSourceAlert/index.tsx b/apps/cowswap-frontend/src/common/pure/ExternalSourceAlert/index.tsx index e9337c3357..fefc45c272 100644 --- a/apps/cowswap-frontend/src/common/pure/ExternalSourceAlert/index.tsx +++ b/apps/cowswap-frontend/src/common/pure/ExternalSourceAlert/index.tsx @@ -16,7 +16,7 @@ export function ExternalSourceAlert({ className, onChange, title, children }: Ex return ( -

{title}

+ {title} {children} diff --git a/apps/cowswap-frontend/src/common/pure/ExternalSourceAlert/styled.tsx b/apps/cowswap-frontend/src/common/pure/ExternalSourceAlert/styled.tsx index a3580527c5..f3af0ef9c9 100644 --- a/apps/cowswap-frontend/src/common/pure/ExternalSourceAlert/styled.tsx +++ b/apps/cowswap-frontend/src/common/pure/ExternalSourceAlert/styled.tsx @@ -14,17 +14,6 @@ export const Contents = styled.div` color: var(${UI.COLOR_DANGER_TEXT}); background: var(${UI.COLOR_DANGER_BG}); - h3 { - font-size: 24px; - text-align: center; - margin: 16px 0; - font-weight: bold; - } - - p { - margin: 6px 0; - } - > svg > path, > svg > line { stroke: var(${UI.COLOR_DANGER_TEXT}); @@ -32,6 +21,14 @@ export const Contents = styled.div` } ` +export const Title = styled.h4` + font-size: 24px; + text-align: center; + margin: 16px 0; + font-weight: bold; + width: 100%; +` + export const AcceptanceBox = styled.label` display: flex; gap: 6px; diff --git a/apps/cowswap-frontend/src/modules/hooksStore/pure/AddCustomHookForm/index.tsx b/apps/cowswap-frontend/src/modules/hooksStore/pure/AddCustomHookForm/index.tsx index 31cb491b0e..2f9600e2f5 100644 --- a/apps/cowswap-frontend/src/modules/hooksStore/pure/AddCustomHookForm/index.tsx +++ b/apps/cowswap-frontend/src/modules/hooksStore/pure/AddCustomHookForm/index.tsx @@ -82,7 +82,7 @@ export function AddCustomHookForm({ addHookDapp, children, isPreHook, walletType type="text" placeholder="Enter a hook dapp URL" value={input} - onChange={(e) => setInput(e.target.value?.trim())} + onChange={(e) => setInput(e.target.value?.trim().replace(/\/+$/, ''))} /> {/* Validation and Error Messages */} diff --git a/apps/cowswap-frontend/src/modules/swap/containers/SwapWidget/index.tsx b/apps/cowswap-frontend/src/modules/swap/containers/SwapWidget/index.tsx index e077b5c717..d52653c29a 100644 --- a/apps/cowswap-frontend/src/modules/swap/containers/SwapWidget/index.tsx +++ b/apps/cowswap-frontend/src/modules/swap/containers/SwapWidget/index.tsx @@ -326,6 +326,7 @@ export function SwapWidget({ topContent, bottomContent }: SwapWidgetProps) { iconSize={24} orientation={BannerOrientation.Horizontal} backDropBlur + margin="10px auto auto" > Funds stuck? Recover your funds