diff --git a/frontend/components/footer.tsx b/frontend/components/footer.tsx
index 50669711..a91881c6 100644
--- a/frontend/components/footer.tsx
+++ b/frontend/components/footer.tsx
@@ -1,6 +1,15 @@
+"use client";
+
+import { Bug } from "lucide-react";
+import Link from "next/link";
+import Image from "next/image";
+import { useTheme } from "next-themes";
+
 export function Footer() {
+  const { resolvedTheme } = useTheme();
+
   return (
-    <footer className="bottom-0 left-0 w-full py-5 px-10 text-sm text-muted-foreground border-t mt-5">
+    <footer className="bottom-0 left-0 w-full py-5 px-10 text-sm text-muted-foreground border-t mt-5 flex flex-col gap-y-2 md:flex-row md:items-center sm:justify-between">
       <span>
         Built by{" "}
         <a className="cursor-pointer underline" href="https://mathphys.info">
@@ -8,15 +17,32 @@ export function Footer() {
         </a>{" "}
         at Heidelberg University.{" "}
       </span>
-      <span>
-        The source code is available on{" "}
-        <a
-          className="cursor-pointer underline"
-          href="https://github.com/FachschaftMathPhysInfo/pepp"
+
+      <span className="text-sm text-muted-foreground">
+        Build v{process.env.NEXT_PUBLIC_APP_VERSION}
+      </span>
+
+      <span className={"flex gap-x-4 items-center"}>
+        <Link href={"https://github.com/FachschaftMathPhysInfo/pepp"}>
+          <Image
+            suppressHydrationWarning
+            src={
+              resolvedTheme === "light"
+                ? "/github_light.svg"
+                : "/github_dark.svg"
+            }
+            alt={"GitHub Logo"}
+            width={24}
+            height={24}
+          />
+        </Link>
+        <Link
+          href={
+            "https://github.com/FachschaftMathPhysInfo/pepp/issues/new?template=bug_report.md"
+          }
         >
-          GitHub
-        </a>
-        .
+          <Bug className={"stroke-muted-foreground"} />
+        </Link>
       </span>
     </footer>
   );
diff --git a/frontend/next.config.mjs b/frontend/next.config.mjs
deleted file mode 100644
index 4678774e..00000000
--- a/frontend/next.config.mjs
+++ /dev/null
@@ -1,4 +0,0 @@
-/** @type {import('next').NextConfig} */
-const nextConfig = {};
-
-export default nextConfig;
diff --git a/frontend/next.config.ts b/frontend/next.config.ts
new file mode 100644
index 00000000..ea546a31
--- /dev/null
+++ b/frontend/next.config.ts
@@ -0,0 +1,10 @@
+import type { NextConfig } from "next";
+import { version } from "./package.json";
+
+const nextConfig: NextConfig = {
+  env: {
+    NEXT_PUBLIC_APP_VERSION: version,
+  },
+};
+
+export default nextConfig;
diff --git a/frontend/public/github_dark.svg b/frontend/public/github_dark.svg
new file mode 100644
index 00000000..f4436a23
--- /dev/null
+++ b/frontend/public/github_dark.svg
@@ -0,0 +1 @@
+<svg width="98" height="96" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z" fill="#A1A5AF"/></svg>
\ No newline at end of file
diff --git a/frontend/public/github_light.svg b/frontend/public/github_light.svg
new file mode 100644
index 00000000..a9c515f0
--- /dev/null
+++ b/frontend/public/github_light.svg
@@ -0,0 +1 @@
+<svg width="98" height="96" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z" fill="#64748B"/></svg>
\ No newline at end of file