diff --git a/frontend/public/index.html b/frontend/public/index.html
index d6ce40f060b6ae3916c336700d0b7ea1afdf62a5..b0c7dbe75d03e74c636d068b3822cc01bed2b3f3 100644
--- a/frontend/public/index.html
+++ b/frontend/public/index.html
@@ -41,10 +41,5 @@
       To create a production bundle, use `npm run build` or `yarn build`.
 		-->
     <script src="https://cdnjs.cloudflare.com/ajax/libs/holder/2.9.7/holder.js"></script>
-    <script>
-      function holder() {
-        Holder.run();
-      }
-    </script>
   </body>
 </html>
diff --git a/frontend/src/components/pages/ModulePage/index.tsx b/frontend/src/components/pages/ModulePage/index.tsx
index f7fab90b383c0ba2ed5df468d552ebfb6698a702..f25f49f4b1f24cff35cfabc0804fc7d58483dee9 100644
--- a/frontend/src/components/pages/ModulePage/index.tsx
+++ b/frontend/src/components/pages/ModulePage/index.tsx
@@ -8,7 +8,7 @@ import Card from "react-bootstrap/Card";
 const ModulePage: React.FC = () => {
   // only needed for using holder images, delete when done
   // @ts-ignore
-  useEffect(window.holder);
+  useEffect(() => {window.Holder.run()});
 
   return (
     <Container className="p-4">