diff --git a/front/src/components/LogoButton.tsx b/front/src/components/LogoButton.tsx
index f086479..bc41d3c 100644
--- a/front/src/components/LogoButton.tsx
+++ b/front/src/components/LogoButton.tsx
@@ -1,10 +1,13 @@
+import * as React from 'react';
+
 interface LogoButtonProps {
     url:string;
-    logo:string
+    logo:string;
+    style?: React.CSSProperties;
 }
 
-export default function LogoButton ({url, logo}: LogoButtonProps) {
+export default function LogoButton ({url, logo, style}: LogoButtonProps) {
     return (
-    <a href={url}><img src={logo}/></a>
+    <a href={url}><img src={logo} style={{ ...style }}/></a>
     )
 }
\ No newline at end of file
diff --git a/front/src/components/NavBar.tsx b/front/src/components/NavBar.tsx
index 7f8ab2f..7c170d9 100644
--- a/front/src/components/NavBar.tsx
+++ b/front/src/components/NavBar.tsx
@@ -6,7 +6,7 @@ export default function NavBar(){
     return (
     <nav style={{ display: "flex", alignItems: "center", justifyContent: "space-between" }}>
         <div style={{ display : "flex",  alignItems: "center", flexDirection: "row"}}>
-            <LogoButton url="https://archlinux.org" logo = "https://archlinux.org/static/hetzner_logo.41114a37d25f.png" />
+            <LogoButton url="https://archlinux.org" logo = "https://archlinux.org/static/hetzner_logo.41114a37d25f.png"/>
             <ClickableLink url="https://archlinux.org" text = "Prout" />
             <ClickableLink url="https://archlinux.org" text = "Prout2" />
         </div>
diff --git a/front/src/index.css b/front/src/index.css
index 790438d..3df401a 100644
--- a/front/src/index.css
+++ b/front/src/index.css
@@ -4,4 +4,8 @@
   --color-darkblue: #005792;
   --color-lightblue: #00bbf0;
   --color-yellow: #fdb44b;
+}
+
+footer {
+  text-align: center;
 }
\ No newline at end of file
diff --git a/front/src/pages/MainPage.tsx b/front/src/pages/MainPage.tsx
index 860455e..d5e62a8 100644
--- a/front/src/pages/MainPage.tsx
+++ b/front/src/pages/MainPage.tsx
@@ -1,11 +1,15 @@
 import ArticlesSection from '../components/ArticlesSection.tsx'
 import NavBar from '../components/NavBar.tsx'
+import Footer from '../components/Footer.tsx'
 
 export default function MainPage() {
     return (
+        <>
         <div>
             <NavBar />
             <ArticlesSection />
         </div>
+        <Footer />
+        </>
     )
 }
\ No newline at end of file