diff --git a/content/projects/flutter.md b/content/projects/flutter.md
index 79a8f82c1..8d9370c17 100644
--- a/content/projects/flutter.md
+++ b/content/projects/flutter.md
@@ -2,8 +2,8 @@
 title: "Experiments with Flutter mobile app development"
 description: "A project to develop a mobile app for the Fitzwilliam Museum"
 institution: Fitzwilliam Museum
-geo_lat: 52.199722
-gei_lon: 0.119167
+geo_lat: 52.199444
+geo_lon: 0.119167
 GitHub_repo: 
   - url: https://github.com/FitzwilliamMuseum/fitz-flutter-app
     name: Flutter App source code
@@ -18,7 +18,7 @@ tags:
   - mobile
   - dart
   - android 12
-  - ios
+  - IOS
   - museums
   - creative economy
 featuredImg: ../images/2022/flutter/splashscreen.png
diff --git a/package-lock.json b/package-lock.json
index f3038d336..d632a8fb1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -26,7 +26,7 @@
         "gatsby-plugin-image": "^3.12.3",
         "gatsby-plugin-manifest": "^5.12.3",
         "gatsby-plugin-mdx": "^5.12.3",
-        "gatsby-plugin-react-svg": "github:tsamantanis/gatsby-plugin-react-svg",
+        "gatsby-plugin-react-svg": "^3.3.0",
         "gatsby-plugin-robots-txt": "^1.8.0",
         "gatsby-plugin-scroll-indicator": "^1.0.1",
         "gatsby-plugin-sharp": "^5.12.3",
@@ -11695,9 +11695,9 @@
       }
     },
     "node_modules/gatsby-plugin-react-svg": {
-      "version": "3.2.0",
-      "resolved": "git+ssh://git@github.com/tsamantanis/gatsby-plugin-react-svg.git#863062253bf61eee2fa46276bbf8b2346980e8c0",
-      "license": "MIT",
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/gatsby-plugin-react-svg/-/gatsby-plugin-react-svg-3.3.0.tgz",
+      "integrity": "sha512-kFPElMFu1QCkiFCm1pSrVkOHAeafU6wkD0qCVPs7nL/Txh5KFh0aOO6Feiwvfre1Jo+Eg3lwCuGmgsy9L+4pDg==",
       "dependencies": {
         "svg-react-loader": "^0.4.6"
       },
diff --git a/package.json b/package.json
index f68b7bbae..1caec58f0 100644
--- a/package.json
+++ b/package.json
@@ -44,7 +44,7 @@
     "gatsby-plugin-image": "^3.12.3",
     "gatsby-plugin-manifest": "^5.12.3",
     "gatsby-plugin-mdx": "^5.12.3",
-    "gatsby-plugin-react-svg": "github:tsamantanis/gatsby-plugin-react-svg",
+    "gatsby-plugin-react-svg": "^3.3.0",
     "gatsby-plugin-robots-txt": "^1.8.0",
     "gatsby-plugin-scroll-indicator": "^1.0.1",
     "gatsby-plugin-sharp": "^5.12.3",
diff --git a/src/components/elements/fair-data.js b/src/components/elements/fair-data.js
index 1a8b535da..59c0007c6 100644
--- a/src/components/elements/fair-data.js
+++ b/src/components/elements/fair-data.js
@@ -1,13 +1,13 @@
 import React from "react"
 import PropTypes from "prop-types"
 import Image from "react-bootstrap/Image";
-import {Link} from "gatsby";
+import Button from 'react-bootstrap/Button';
 
 const FairData = ({zenodo_doi, github_repo, project_website, deposited_archive}) => (
     <div>
         {project_website &&  <div>
             <p className="p-2">
-                <a href={project_website}>Project website</a>
+                <Button href={project_website} variant="dark" className={"text-white"}>Project website</Button>
             </p>
         </div>
         }
@@ -27,7 +27,7 @@ const FairData = ({zenodo_doi, github_repo, project_website, deposited_archive})
         <div>
             <h4 className="p-2">Data sources</h4>
             <ul>
-                {zenodo_doi && <li><Link to={`https://doi.org/${zenodo_doi}`}><Image alt={'DOI Badge'} src={`https://zenodo.org/badge/DOI/${zenodo_doi}.svg`}></Image></Link>
+                {zenodo_doi && <li><a href={`https://doi.org/${zenodo_doi}`}><Image alt={'DOI Badge'} src={`https://zenodo.org/badge/DOI/${zenodo_doi}.svg`}></Image></a>
                 </li>}
                 {github_repo && <span>
                     {github_repo.map((item, i) => (
diff --git a/src/components/structure/nav.js b/src/components/structure/nav.js
index ab34345a4..01cd76e70 100644
--- a/src/components/structure/nav.js
+++ b/src/components/structure/nav.js
@@ -10,7 +10,7 @@ const NavBar = ({siteTitle, menuLinks}) => (
     }}
     >
 
-        <nav className="navbar navbar-expand-lg navbar-dark fixed-top" style={{
+        <nav role="navigation" aria-label="Site Navigation" className="navbar navbar-expand-lg navbar-dark fixed-top" style={{
             background: "#192036",
             marginBottom: "1.45rem",
         }}>
diff --git a/src/components/structure/pagination.js b/src/components/structure/pagination.js
index b1747d4e1..7250399cf 100644
--- a/src/components/structure/pagination.js
+++ b/src/components/structure/pagination.js
@@ -2,6 +2,7 @@ import React from 'react'
 import PropType from "prop-types";
 import {Link} from "gatsby";
 import {Container} from "react-bootstrap";
+import Button from "react-bootstrap/Button";
 
 export default function Pagination(props) {
 
@@ -9,21 +10,23 @@ export default function Pagination(props) {
     const {pageNumber, numberOfPages, humanPageNumber, previousPagePath, nextPagePath} = pageContext;
     return (
             <Container>
-                <nav className="pagination py-2">
+                <nav className="pagination py-2" role="navigation" aria-label="Pagination Navigation">
                     {humanPageNumber > 1 ? (
-                            <Link
+                            <Button variant={'dark'}><Link
                                 title="Go to previous page"
-                                to={previousPagePath}>
+                                to={previousPagePath}
+                                aria-label="Go to previous page">
                                 ← Previous
-                            </Link>) :
+                            </Link></Button>) :
                         <span/>}
-                    <strong>Page {pageNumber + 1} of {numberOfPages}</strong>
+                    <span className={'fw-bolder'}>Page {pageNumber + 1} of {numberOfPages}</span>
                     {humanPageNumber < numberOfPages ? (
-                            <Link
+                            <Button variant={'dark'}><Link
                                 title="Go to next page"
+                                aria-label="Go to next page"
                                 to={nextPagePath}>
                                 Next →
-                            </Link>) :
+                            </Link></Button>) :
                         <span/>}
                 </nav>
             </Container>
diff --git a/src/styles/global.css b/src/styles/global.css
index c98dcda9f..fb780f37f 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -76,7 +76,7 @@ figcaption {
 
     padding: 10px;
 }
-.post-body li {
+.post-body, #project li {
     list-style: square;
 }
 nav.pagination {
diff --git a/src/templates/blog-page.js b/src/templates/blog-page.js
index a197f1fcd..8ba08a3d1 100644
--- a/src/templates/blog-page.js
+++ b/src/templates/blog-page.js
@@ -9,19 +9,22 @@ import Seo from "../components/structure/SEO";
 import {formatReadingTime} from "../utils/helpers";
 
 export default function BlogPageTemplate({data: {markdownRemark}}) {
+
     const {frontmatter, timeToRead, html} = markdownRemark;
+
     const isSSR = typeof window === "undefined";
+
     return (
         <Layout>
             <HeaderImage backgroundImage={frontmatter.background}/>
             <Container>
                 <Row className={"post-body"}>
                     <div className="px-4">
-                        <h1 className="text-black fw-bold mt-4">{frontmatter.title}</h1>
+                        <header><h1 className="text-black fw-bold mt-4">{frontmatter.title}</h1></header>
                         <h2 className="text-primary small">{frontmatter.date}</h2>
                         <h3 className="text-primary lead small">{`${formatReadingTime(timeToRead)}`}</h3>
                     </div>
-                    <div className="post-body bg-white text-black p-4"
+                    <div className="bg-white text-black p-4"
                          dangerouslySetInnerHTML={{__html: html}}/>
                 </Row>
             </Container>
@@ -31,6 +34,7 @@ export default function BlogPageTemplate({data: {markdownRemark}}) {
             )}
         </Layout>
     );
+
 }
 
 
diff --git a/src/templates/photo-page.js b/src/templates/photo-page.js
index 15a1262db..68388ffd3 100644
--- a/src/templates/photo-page.js
+++ b/src/templates/photo-page.js
@@ -19,7 +19,7 @@ export default function PhotographsPageTemplate({data: {markdownRemark}}) {
                         <h1 className="text-black fw-bold mt-4">{frontmatter.title}</h1>
                         <h2 className="text-black lead">{frontmatter.date}</h2>
                     </div>
-                    <div className="post-body bg-white text-black p-4 text-center">
+                    <div className="bg-white text-black p-4 text-center">
                         <GatsbyImage className="mx-auto" image={ getImage(frontmatter.featuredImg) } alt={frontmatter.featuredImgAlt}/>
                     </div>
                 </Row>
diff --git a/src/templates/photogrammetry-page.js b/src/templates/photogrammetry-page.js
index bec100d9a..44b239c85 100644
--- a/src/templates/photogrammetry-page.js
+++ b/src/templates/photogrammetry-page.js
@@ -25,7 +25,7 @@ export default function PhotogrammetryPageTemplate({data: {markdownRemark}}) {
                 </Row>
 
             </Container>
-            <Container fluid className="bg-pastel post-body">
+            <Container fluid className="bg-pastel">
                 <Container>
                     <FairData zenodo_doi={frontmatter.zenodo_doi} github_repo={frontmatter.github_repo}
                               project_website={frontmatter.project_website}
diff --git a/src/templates/projects-page.js b/src/templates/projects-page.js
index 2e410cf16..6dc52011e 100644
--- a/src/templates/projects-page.js
+++ b/src/templates/projects-page.js
@@ -39,7 +39,7 @@ export default function ProjectsPageTemplate({data: {markdownRemark}}) {
             </Container>
             <Vimeo vimeo={frontmatter.vimeo}/>
             <PlyrAudio audio={frontmatter.audio}/>
-            <Container fluid className="bg-pastel post-body">
+            <Container fluid className="bg-pastel" id={"project"}>
                 <Container>
                     <FairData zenodo_doi={frontmatter.zenodo_doi} github_repo={frontmatter.github_repo} project_website={frontmatter.project_website} deposited_archive={frontmatter.deposited_archive}/>
                     <People collaborators={frontmatter.collaborators} partners={frontmatter.partners}/>