diff --git a/src/components/pill.tsx b/src/components/pill.tsx
index 7a45749..65683fc 100644
--- a/src/components/pill.tsx
+++ b/src/components/pill.tsx
@@ -12,13 +12,13 @@ interface Props extends PropsWithClassName {
 
 export function Pill({ className, text }: Props) {
 	const classNameProps = getClassNameProps(
-		'inline-block size-fit px-3 py-2 rounded-lg drop-shadow-sm shadow-emboss',
+		'inline-block size-fit px-4 py-3 rounded-lg drop-shadow-sm shadow-emboss z-20 text-sm font-button',
 		className,
 	);
 
 	return (
 		<div key={text} {...classNameProps}>
-			<span className="text-sm">{text}</span>
+			{text}
 		</div>
 	);
 }
diff --git a/src/components/project-card.tsx b/src/components/project-card.tsx
index a403070..c7daa73 100644
--- a/src/components/project-card.tsx
+++ b/src/components/project-card.tsx
@@ -51,8 +51,8 @@ export function ProjectCard({ repo }: Props) {
 					/>
 				</div>
 				<div className="flex flex-row justify-center w-full">
-					<div className="flex flex-col justify-center p-8 px-10 h-full rounded-2xl z-16 text-wrap">
-						<SubsectionHeading className="my-4 font-semibold">
+					<div className="flex flex-col justify-center gap-4 p-10 h-full rounded-2xl z-16 text-wrap">
+						<SubsectionHeading className="font-semibold">
 							{repo.name}
 						</SubsectionHeading>
 						<span className="text-wrap">{repo.description}</span>
diff --git a/src/components/timeline-entry.tsx b/src/components/timeline-entry.tsx
index 94f0695..a5b3a60 100644
--- a/src/components/timeline-entry.tsx
+++ b/src/components/timeline-entry.tsx
@@ -37,7 +37,7 @@ export function TimelineEntry({ role }: Props) {
 				<div className="p-10">
 					<div className="flex flex-row justify-between items-center mb-8">
 						<div className="flex flex-col">
-							<SubsectionHeading className="mt-0 mr-2 mb-4">
+							<SubsectionHeading className="mr-2 mb-4">
 								{role.title}
 							</SubsectionHeading>
 							<div className="flex flex-row items-center">