diff --git a/display/display.js b/display/display.js
index 2c4d41661654d75d74e95c7f03ee5debb7bc6e84..21484a32c8f3a3199617388f3ddfeb55aac33816 100644
--- a/display/display.js
+++ b/display/display.js
@@ -3,6 +3,7 @@ import * as Config from "../config";
 import { FilterOverlay } from "./overlays/filteroverlay";
 import { NodeInfoOverlay } from "./overlays/nodeinfo";
 import Graph from "./graph";
+import screenfull from "screenfull";
 
 function loadComponents() {
     filterOverlay.create();
@@ -18,12 +19,12 @@ function createFullScreenButton() {
     overlayNode.className = "fullscreen-button";
     overlayNode.innerHTML = "<p>&#10530;</p>";
     overlayNode.addEventListener("click", function () {
-        if (!document.fullscreenElement) {
-            Helpers.getCanvasDivNode().requestFullscreen();
+        if (screenfull.isEnabled) {
+            screenfull.toggle(Helpers.getCanvasDivNode());
+            G.resize();
         } else {
-            document.exitFullscreen();
+            console.log("No fullscreen mode available :(");
         }
-        G.resize();
     });
     sceneNode.appendChild(overlayNode);
 }
diff --git a/package-lock.json b/package-lock.json
index c072d3c6dffde2041046ab4b638283d15155350c..193edb8ab18e642b3d6915cd1da99e0e922f9c9b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,6 +12,7 @@
         "3d-force-graph": "^1.70.5",
         "force-graph": "^1.42.4",
         "jquery": "^3.6.0",
+        "screenfull": "^6.0.0",
         "three": ">=0.118.3"
       },
       "devDependencies": {
@@ -11856,6 +11857,17 @@
         "node": ">=8"
       }
     },
+    "node_modules/screenfull": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/screenfull/-/screenfull-6.0.0.tgz",
+      "integrity": "sha512-LGY0nhNQkC4FX4DT4pZdJ5cZH5EOz9Gfh9KcVMl779pS677k4IV1Wv7sY/CwC9VKFT21fYgCh7zkTVVefi5XKA==",
+      "engines": {
+        "node": "^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/semver": {
       "version": "6.3.0",
       "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
@@ -23002,6 +23014,11 @@
         "xmlchars": "^2.1.1"
       }
     },
+    "screenfull": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/screenfull/-/screenfull-6.0.0.tgz",
+      "integrity": "sha512-LGY0nhNQkC4FX4DT4pZdJ5cZH5EOz9Gfh9KcVMl779pS677k4IV1Wv7sY/CwC9VKFT21fYgCh7zkTVVefi5XKA=="
+    },
     "semver": {
       "version": "6.3.0",
       "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
diff --git a/package.json b/package.json
index aa1e5c854b0eea6a2f2b7d797b53f25328ed76eb..d50ff2e7430d60a1ad11200825875c2186a3793c 100644
--- a/package.json
+++ b/package.json
@@ -48,6 +48,7 @@
     "3d-force-graph": "^1.70.5",
     "force-graph": "^1.42.4",
     "jquery": "^3.6.0",
+    "screenfull": "^6.0.0",
     "three": ">=0.118.3"
   }
 }