diff --git a/src/OurSponsors/OurSponsors.css b/src/OurSponsors/OurSponsors.css
index e6ac877..2bba20e 100644
--- a/src/OurSponsors/OurSponsors.css
+++ b/src/OurSponsors/OurSponsors.css
@@ -19,12 +19,21 @@
 #BecomeASponsors a {
 	color: inherit;
 	text-decoration: none;
+	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+	transition: scale 0.3s;
+	border-radius: 5px;
+	margin-left: 1rem;
+	margin-right: 3rem;
+}
+
+#BecomeASponsors a:hover {
+	cursor: pointer;
+	scale: 1.05;
 }
 
 #BecomeASponsors div a img {
 	height: 18rem;
 	width: auto;
-	padding-right: 3rem;
 }
 
 #BecomeASponsors img {
@@ -56,6 +65,14 @@ h1 {
 	text-decoration: none;
 	cursor: pointer;
 	background-color: whitesmoke;
+	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+	transition: scale 0.3s;
+	margin: 1rem;
+}
+
+.Sponsors a:hover {
+	cursor: pointer;
+	scale: 1.05;
 }
 
 .Sponsors a div {
diff --git a/src/OurSponsors/OurSponsors.js b/src/OurSponsors/OurSponsors.js
index 95fb962..b6a4557 100644
--- a/src/OurSponsors/OurSponsors.js
+++ b/src/OurSponsors/OurSponsors.js
@@ -14,7 +14,7 @@ import yaml from "js-yaml";
 const OurSponsors = () => {
 	const [currentSponsorsDict, setCurrentSponsorsDict] = useState(); //variable states for the dictionary of sponsors
 	const [pastSponsorsDict, setPastSponsorsDict] = useState();
-	const LinktoSponsorOutForm = "https://google.com";
+	const LinktoSponsorOutreachForm = "https://google.com";
 
 	useEffect(() => {
 		getCurrentSponsors();
@@ -84,7 +84,7 @@ const OurSponsors = () => {
 				<h1>Become a sponsor</h1>
 				<div>
 					<a
-						href={LinktoSponsorOutForm}
+						href={LinktoSponsorOutreachForm}
 						target="_blank"
 						rel="noreferrer">
 						<img
@@ -129,7 +129,7 @@ const OurSponsors = () => {
 					</li>
 				</ul>
 				<a
-					href={LinktoSponsorOutForm}
+					href={LinktoSponsorOutreachForm}
 					target="_blank"
 					rel="noreferrer">
 					<table>