feat: themeing - Bug fixes

src/components/JobCard.jsx

@@ -1,13 +1,13 @@
 const JobCard = (props) => {
 	return (
-		<div class="mb-8">
+		<div class="p-4">
 			<h3 class="font-bold text-xl">
 				{props.job.title} @
 				<a href={props.job.url} class="text-blue-500 hover:text-blue-600">
 					{props.job.company}
 				</a>
 			</h3>
-			<p class="text-gray-600 mb-4">
+			<p class="text-nord-1 mb-4">
 				{props.job.range} | {props.job.location}
 			</p>
 		</div>