diff --git a/src/components/reference/ReferenceList.js b/src/components/reference/ReferenceList.js
index c4e5a9f2e..a2e6ec786 100644
--- a/src/components/reference/ReferenceList.js
+++ b/src/components/reference/ReferenceList.js
@@ -16,7 +16,7 @@ const ReferenceList = ({ tree, library }) => {
           <h2
             className={classnames(grid.col, css.category)}
             id={slugify(category)}>
-            {intl.formatMessage({id:category})}
+            {intl.formatMessage({ id: category })}
           </h2>
           {Object.keys(tree[category]).map((subcategory) => {
             return (
@@ -27,7 +27,10 @@ const ReferenceList = ({ tree, library }) => {
                   <div className={classnames(grid.col, css.subcategoryTitle)}>
                     {subcategory && <div className={css.line} />}
                     {subcategory && (
-                      <h3 id={slugify(category, subcategory)}> {intl.formatMessage({id:subcategory})}</h3>
+                      <h3 id={slugify(category, subcategory)}>
+                        {' '}
+                        {intl.formatMessage({ id: subcategory })}
+                      </h3>
                     )}
                   </div>
                   <ul className={classnames(grid.col, css.subcategoryList)}>
diff --git a/src/pages/reference.js b/src/pages/reference.js
index 5f76845ad..b213514cb 100755
--- a/src/pages/reference.js
+++ b/src/pages/reference.js
@@ -85,7 +85,6 @@ const Reference = ({ data }) => {
         title={intl.formatMessage({ id: 'reference' })}
         description={intl.formatMessage({ id: 'cardReferenceDescription' })}
       />
-
       <div className={classnames(grid.container, grid.grid)}>
         <h1 className={classnames(grid.col, css.heading)}>
           {intl.formatMessage({ id: 'reference' })}
diff --git a/src/templates/reference/class.js b/src/templates/reference/class.js
index c6b3e1524..4fc836742 100644
--- a/src/templates/reference/class.js
+++ b/src/templates/reference/class.js
@@ -55,14 +55,17 @@ const ClassRefTemplate = ({ data, pageContext }) => {
 
   const trail = useTrail(libraryName, entry?.category, entry?.subcategory);
 
+  const title =
+    (entry?.name ?? data.en.childJson.name) +
+    ' / ' +
+    (isProcessing
+      ? intl.formatMessage({ id: 'reference' })
+      : intl.formatMessage({ id: 'libraries' }));
+
   return (
     <Layout withSidebar withBreadcrumbs>
       <HeadMatter
-        title={
-          (entry?.name ?? data.en.childJson.name) + ' / ' + isProcessing
-            ? intl.formatMessage({ id: 'reference' })
-            : intl.formatMessage({ id: 'libraries' })
-        }
+        title={title}
         description={entry?.description}
         img={getImage(data.images.nodes[0])}
       />
diff --git a/src/templates/reference/function.js b/src/templates/reference/function.js
index 02737690e..c93c71ce7 100644
--- a/src/templates/reference/function.js
+++ b/src/templates/reference/function.js
@@ -64,14 +64,17 @@ const RefTemplate = ({ data, pageContext, ...props }) => {
     entry?.classanchor
   );
 
+  const title =
+    (entry?.name ?? data.en.childJson.name) +
+    ' / ' +
+    (isProcessing
+      ? intl.formatMessage({ id: 'reference' })
+      : intl.formatMessage({ id: 'libraries' }));
+
   return (
     <Layout withSidebar withBreadcrumbs>
       <HeadMatter
-        title={
-          (entry?.name ?? data.en.childJson.name) + ' / ' + isProcessing
-            ? intl.formatMessage({ id: 'reference' })
-            : intl.formatMessage({ id: 'libraries' })
-        }
+        title={title}
         description={entry?.description}
         img={getImage(data.images.nodes[0])}
       />