diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml
index b8c371ab..9b602501 100644
--- a/.github/workflows/main.yml
+++ b/.github/workflows/main.yml
@@ -30,9 +30,15 @@ jobs:
               with:
                   node-version: "18.17.0"
 
+            # Add this step to install system dependencies
+            - name: Install system dependencies
+              run: |
+                  sudo apt-get update
+                  sudo apt-get install -y libcairo2-dev libjpeg-dev libpango1.0-dev libgif-dev build-essential g++
+
             # Install all the Node dependencies for Gatsby, using your package.json file.
             - name: Install Dependencies
-              run: npm install --legacy-peer-deps
+              run: npm install --legacy-peer-deps --canvas-prebuild-download-mirror=https://github.com/Automattic/node-canvas/releases/download/
 
             # Speaks for itself no?
             - name: Build Gatsby Site
diff --git a/package.json b/package.json
index cdb4645b..0bf4f0d2 100644
--- a/package.json
+++ b/package.json
@@ -24,7 +24,7 @@
 		"@popperjs/core": "^2.9.3",
 		"axios": "^1.6.2",
 		"bootstrap": "^5.1.0",
-		"canvas": "^2.11.2",
+		"canvas": "2.11.2",
 		"gatsby": "^5.12.11",
 		"gatsby-plugin-anchor-links": "^1.2.1",
 		"gatsby-plugin-client-side-redirect": "^1.1.0",