diff --git a/frontend/public/facebookIcon.png b/frontend/public/facebookIcon.png
deleted file mode 100644
index 96ffa3b3..00000000
Binary files a/frontend/public/facebookIcon.png and /dev/null differ
diff --git a/frontend/public/facebookIcon.svg b/frontend/public/facebookIcon.svg
new file mode 100644
index 00000000..fb13c366
--- /dev/null
+++ b/frontend/public/facebookIcon.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/public/instagramIcon.png b/frontend/public/instagramIcon.png
deleted file mode 100644
index d85150bb..00000000
Binary files a/frontend/public/instagramIcon.png and /dev/null differ
diff --git a/frontend/public/instagramIcon.svg b/frontend/public/instagramIcon.svg
new file mode 100644
index 00000000..cde9fa45
--- /dev/null
+++ b/frontend/public/instagramIcon.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/src/components/Footer.module.css b/frontend/src/components/Footer.module.css
index 3f7c050c..15071038 100644
--- a/frontend/src/components/Footer.module.css
+++ b/frontend/src/components/Footer.module.css
@@ -10,7 +10,7 @@
/* ------ CONTAINERS ------ */
.footer {
- background-color: #743eb6;
+ background-color: #694c97;
color: white;
padding: 0;
margin: 0;
diff --git a/frontend/src/components/footer.tsx b/frontend/src/components/footer.tsx
index eceb71f4..a3799d7a 100644
--- a/frontend/src/components/footer.tsx
+++ b/frontend/src/components/footer.tsx
@@ -171,7 +171,7 @@ export function Footer() {
width={42}
height={42}
className={styles.facebookLogo}
- src="/facebookIcon.png"
+ src="/facebookIcon.svg"
alt="Link to Facebook"
/>
@@ -180,7 +180,7 @@ export function Footer() {
width={42}
height={42}
className={styles.instagramLogo}
- src="/instagramIcon.png"
+ src="/instagramIcon.svg"
alt="Link to Instagram"
/>