diff --git a/.stylelintrc b/.stylelintrc
index 54edb733..c93af2d0 100644
--- a/.stylelintrc
+++ b/.stylelintrc
@@ -2,6 +2,7 @@
   "extends": [
     "stylelint-config-standard",
     "stylelint-config-css-modules",
+    "stylelint-config-recommended-scss",
     "./node_modules/prettier-stylelint/config.js"
   ],
   "syntax": "scss",
diff --git a/package.json b/package.json
index 1e580da1..f355d504 100644
--- a/package.json
+++ b/package.json
@@ -24,7 +24,7 @@
     "@webcomponents/webcomponentsjs": "^2.0.2",
     "clipboard": "^2.0.1",
     "exif-js": "^2.3.0",
-    "gatsby": "^2.0.0-beta.43",
+    "gatsby": "^2.0.0-beta.46",
     "gatsby-image": "^2.0.0-beta.6",
     "gatsby-plugin-matomo": "^0.4.1",
     "gatsby-plugin-react-helmet": "^3.0.0-beta.3",
@@ -35,7 +35,7 @@
     "gatsby-remark-images": "^2.0.1-beta.7",
     "gatsby-remark-prismjs": "^3.0.0-beta.3",
     "gatsby-remark-smartypants": "^2.0.0-beta.2",
-    "gatsby-source-filesystem": "^2.0.1-beta.5",
+    "gatsby-source-filesystem": "^2.0.1-beta.6",
     "gatsby-transformer-remark": "^2.1.1-beta.3",
     "gatsby-transformer-sharp": "^2.1.1-beta.5",
     "gatsby-transformer-yaml": "^2.1.1-beta.2",
@@ -64,7 +64,9 @@
     "prettier-stylelint": "^0.4.2",
     "stylelint": "^9.2.1",
     "stylelint-config-css-modules": "^1.2.0",
-    "stylelint-config-standard": "^18.2.0"
+    "stylelint-config-recommended-scss": "^3.2.0",
+    "stylelint-config-standard": "^18.2.0",
+    "stylelint-scss": "^3.1.3"
   },
   "engines": {
     "node": "^10.0.0"