diff --git a/components/sections/comingsoon.jsx b/components/sections/comingsoon.jsx
index 5f4758195..f324f0538 100644
--- a/components/sections/comingsoon.jsx
+++ b/components/sections/comingsoon.jsx
@@ -23,9 +23,9 @@ export default function ComingSoon() {
 			</Container>
 			<div className={css.bgContainer}>
 				<span className={css.orbitalBg}>
-					<span class={`${css.bgSection}`}><span className={`${css.bgInner} ${css.heroLeft} ${css.heroOrbital}`}></span></span>
-					<span class={`${css.bgSection}`}><span className={`${css.bgInner} ${css.heroCenter}`}></span></span>
-					<span class={`${css.bgSection}`}><span className={`${css.bgInner} ${css.heroRight} ${css.heroOrbital}`}></span></span>
+                                        <span className={`${css.bgSection}`}><span className={`${css.bgInner} ${css.heroLeft} ${css.heroOrbital}`}></span></span>
+                                        <span className={`${css.bgSection}`}><span className={`${css.bgInner} ${css.heroCenter}`}></span></span>
+                                        <span className={`${css.bgSection}`}><span className={`${css.bgInner} ${css.heroRight} ${css.heroOrbital}`}></span></span>
 				</span>
 				<span className={css.afterGlowBg}></span>
 			</div>
diff --git a/components/sections/index/career.jsx b/components/sections/index/career.jsx
index f9d8fe06e..e6d7e7dec 100644
--- a/components/sections/index/career.jsx
+++ b/components/sections/index/career.jsx
@@ -47,7 +47,7 @@ export default function Career() {
 					<article className={career.companyPositions}>
 						<div className={career.position}>
 							<div className={career.positionContent}>
-								<span class={career.positionHeader}>
+                                                                <span className={career.positionHeader}>
 									<h3>Director of Product Design and Development</h3>
 									<h4>Nov 2021 - Present · 1 yrs 3 mos</h4>
 								</span>
@@ -60,7 +60,7 @@ export default function Career() {
 
 						<div className={career.position}>
 							<div className={career.positionContent}>
-								<span class={career.positionHeader}>
+                                                                <span className={career.positionHeader}>
 									<h3>Full Stack Developer & User Experience Designer</h3>
 									<h4>Feb 2020 - Nov 2021 · 1 yrs 10 mos</h4>
 								</span>
@@ -95,7 +95,7 @@ export default function Career() {
 					
 						<div className={career.position}>
 							<div className={career.positionContent}>
-									<span class={career.positionHeader}>
+                                                                        <span className={career.positionHeader}>
 										<h3>Front End Developer & User Interface Designer</h3>
 										<h4>Apr 2019 - Feb 2020 · 11 mos</h4>
 									</span>
diff --git a/components/sections/projects/featured.jsx b/components/sections/projects/featured.jsx
index 3e2d2196a..d8b864769 100644
--- a/components/sections/projects/featured.jsx
+++ b/components/sections/projects/featured.jsx
@@ -30,9 +30,9 @@ export default function FeaturedProjects() {
 			</Container>
 			<div className={css.bgContainer}>
 				<span className={css.orbitalBg}>
-					<span class={`${css.bgSection}`}><span className={`${css.bgInner} ${css.heroLeft} ${css.heroOrbital}`}></span></span>
-					<span class={`${css.bgSection}`}><span className={`${css.bgInner} ${css.heroCenter}`}></span></span>
-					<span class={`${css.bgSection}`}><span className={`${css.bgInner} ${css.heroRight} ${css.heroOrbital}`}></span></span>
+                                        <span className={`${css.bgSection}`}><span className={`${css.bgInner} ${css.heroLeft} ${css.heroOrbital}`}></span></span>
+                                        <span className={`${css.bgSection}`}><span className={`${css.bgInner} ${css.heroCenter}`}></span></span>
+                                        <span className={`${css.bgSection}`}><span className={`${css.bgInner} ${css.heroRight} ${css.heroOrbital}`}></span></span>
 				</span>
 				<span className={css.afterGlowBg}></span>
 			</div>
diff --git a/components/sections/projects/recent.jsx b/components/sections/projects/recent.jsx
index b90f460f5..a2dbe2d7d 100644
--- a/components/sections/projects/recent.jsx
+++ b/components/sections/projects/recent.jsx
@@ -15,7 +15,7 @@ export default function GitProjects({ repos, user }) {
 				<h3>Recent Projects</h3>
 				<section className={css.profile}>
 					<Image className={css.profilePhoto} src={`${user[0].avatar_url}`} alt="Github Profile Photo" height={60} width={60}/>
-					<span class={css.details}>
+                                        <span className={css.details}>
 						<p>{user[0].name}</p>
 						<a href={user[0].html_url} rel="noreferrer" target="_blank">{user[0].html_url} <Icon icon={[ 'far', 'arrow-up-right-from-square' ]} /></a>
 					</span>
@@ -43,7 +43,7 @@ export default function GitProjects({ repos, user }) {
 								<span className={css.topicsContainer}>
 									{
 									topics.map( (e, index) => {
-										return ( <span key={index} className={css.topics}><i class="devicon-github-plain"></i> {e}</span> )
+                                                        return ( <span key={index} className={css.topics}><i className="devicon-github-plain"></i> {e}</span> )
 									})
 									}
 								</span>