diff --git a/src/components/Footer/FooterElements.jsx b/src/components/Footer/FooterElements.jsx
index 861c8b4..ebae564 100755
--- a/src/components/Footer/FooterElements.jsx
+++ b/src/components/Footer/FooterElements.jsx
@@ -128,6 +128,7 @@ export const SocialIcons = styled.div`
 export const SocialIconLink = styled.a`
     color: #fff;
     font-size: 24px;
+    margin-right: 8px;
 `;
 
 export const FooterImgWrap = styled.div`
diff --git a/src/components/Footer/index.jsx b/src/components/Footer/index.jsx
index 3507b27..6794154 100755
--- a/src/components/Footer/index.jsx
+++ b/src/components/Footer/index.jsx
@@ -8,7 +8,7 @@ import {
     SocialMediaWrap,
     WebsiteRights,
 } from "@/components/Footer/FooterElements";
-import { FaLinkedin } from "react-icons/fa";
+import { FaGithub, FaLinkedin } from "react-icons/fa";
 import { FaSquareXTwitter } from "react-icons/fa6";
 import { animateScroll as scroll } from "react-scroll";
 
@@ -30,6 +30,11 @@ const socials = [
         icon: FaLinkedin,
         alt: "LinkedIn",
     },
+    {
+        href: "https://github.com/udlbook/udlbook",
+        icon: FaGithub,
+        alt: "GitHub",
+    },
 ];
 
 export default function Footer() {
diff --git a/src/index.jsx b/src/index.jsx
index 1f28752..c3b2d7f 100755
--- a/src/index.jsx
+++ b/src/index.jsx
@@ -1,4 +1,4 @@
-import App from "@/App.jsx";
+import App from "@/App";
 import "@/styles/globals.css";
 import React from "react";
 import ReactDOM from "react-dom/client";