diff --git a/publicodes/source/components/PublicodesBlock.tsx b/publicodes/source/components/PublicodesBlock.tsx
index aeb9dbae9..79a36f451 100644
--- a/publicodes/source/components/PublicodesBlock.tsx
+++ b/publicodes/source/components/PublicodesBlock.tsx
@@ -2,6 +2,8 @@ import React from 'react'
 import emoji from 'react-easy-emoji'
 
 export default function PublicodesBlock({ source }: { source: string }) {
+	const baseURL =
+		location.hostname === 'localhost' ? '/publicodes' : 'https://publi.codes'
 	return (
 		<div
 			css={`
@@ -12,7 +14,7 @@ export default function PublicodesBlock({ source }: { source: string }) {
 				<code>{source}</code>
 			</pre>
 			<a
-				href={`https://publi.codes/studio?code=${encodeURIComponent(source)}`}
+				href={`${baseURL}/studio?code=${encodeURIComponent(source)}`}
 				target="_blank"
 				css={`
 					position: absolute;
diff --git a/publicodes/source/components/RuleLink.tsx b/publicodes/source/components/RuleLink.tsx
index 3e430da1d..0edf27481 100644
--- a/publicodes/source/components/RuleLink.tsx
+++ b/publicodes/source/components/RuleLink.tsx
@@ -2,12 +2,7 @@ import React, { useContext } from 'react'
 import emoji from 'react-easy-emoji'
 import { Link } from 'react-router-dom'
 import Engine from '..'
-import { makeJsx } from '../evaluation'
-import {
-	encodeRuleName,
-	ruleParents,
-	ruleWithDedicatedDocumentationPage
-} from '../ruleUtils'
+import { encodeRuleName, nameLeaf } from '../ruleUtils'
 import { BasepathContext, EngineContext } from './contexts'
 
 type RuleLinkProps<Name extends string> = Omit<
@@ -46,13 +41,16 @@ export function RuleLink<Name extends string>({
 	// if (!ruleWithDedicatedDocumentationPage(rule)) {
 	// 	return makeJsx(engine.evaluate(rule.dottedName).formule)
 	// }
-
-	return (
-		<Link to={newPath} {...props}>
-			{children || rule.title}{' '}
-			{displayIcon && rule.icons && <span>{emoji(rule.icons)} </span>}
-		</Link>
-	)
+	if (rule) {
+		return (
+			<Link to={newPath} {...props}>
+				{children || rule.title}{' '}
+				{displayIcon && rule.icons && <span>{emoji(rule.icons)} </span>}
+			</Link>
+		)
+	} else {
+		return <>{nameLeaf(dottedName)}</>
+	}
 }
 
 export function RuleLinkWithContext(
diff --git a/publicodes/source/ruleUtils.ts b/publicodes/source/ruleUtils.ts
index a812d32c4..0d107d2a1 100644
--- a/publicodes/source/ruleUtils.ts
+++ b/publicodes/source/ruleUtils.ts
@@ -3,7 +3,7 @@ import { Rule, Rules } from './types'
 
 const splitName = (str: string) => str.split(' . ')
 const joinName = strs => strs.join(' . ')
-export const nameLeaf = pipe(splitName, last)
+export const nameLeaf = pipe<string, string[], string>(splitName, last)
 export const encodeRuleName = name =>
 	name
 		?.replace(/\s\.\s/g, '/')