diff --git a/client/template.js b/client/template.js
index 5304ae15e..ee2af39a8 100644
--- a/client/template.js
+++ b/client/template.js
@@ -8,8 +8,8 @@ module.exports = async(name, title = '', props = {})=>{
 		<link href=${`/${name}/bundle.css`} rel='stylesheet' />
 		<link rel="icon" href="/assets/homebrew/favicon.ico" type="image/x-icon" />
 		<meta property="og:title" content="${props.brew?.title ? props.brew.title : 'Homebrewery - Untitled Brew'}">
-		<meta property="og:url" content="https://homebrewery.naturalcrit.com${props.brew?.shareId ? `/share/${props.brew.shareId}` : '/new'}">
-		<meta property="og:image" content="${props.brew?.thumbnail ? props.brew.thumbnail : 'https://i.imgur.com/FwRuhv7.png'}">
+		<meta property="og:url" content="${process.env.PUBLIC_URL}/${props.brew?.shareId ? `share/${props.brew.shareId}` : ''}">
+		<meta property="og:image" content="${props.brew?.thumbnail ? props.brew.thumbnail : `${process.env.PUBLIC_URL}/thumbnail.png`}">
 		<meta property="og:description" content="${props.brew?.description ? props.brew.description : 'No description.'}">
 		<meta property="og:site_name" content="The Homebrewery - Make your Homebrew content look legit!">
 		<meta property="og:type" content="website">