# Using Variables in Next/Head Tags (<!– –> Issue)

I use Next.js's `<Head><title>` tagging heavily in one of my personal website projects to show a customized title in the browser tab. When using variables in this `<title>` tag, I noticed the string `<!-- -->` would show in the browser title where I injected these variables, but only on first render - so they would appear for a moment when you refreshed the page, then disappear.

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1716477114551/01ac50ce-0220-4e3e-866b-9e69686fd0e4.png align="center")

This was quite the annoying experience. Luckily, I found that if I wrap the entire contents of the `<title>` tag in `{``}`, it works fine:

```javascript
  <Head>
    <title>{`${title} | My Website`}</title>
  </Head>
```

Not sure if this is a bug or intended functionality within Next.js?
