Aligning center

src/components/icon.tsx

@@ -59,7 +59,7 @@ export const Icon: React.FunctionComponent<IProps> = ({
 
 	if (!is.null(uri)) {
 		return (
-			<Anchor uri={uri as string} title={name} className="flex">
+			<Anchor uri={uri as string} title={name} className="self-center">
 				<IconBase
 					icon={icon as string}
 					iconBG={iconBG}

src/components/services.tsx

@@ -29,7 +29,7 @@ const Service: React.FunctionComponent<IServiceProps> = ({ service, index }) =>
 	return (
 		<li className="p-4 flex gap-4">
 			{!is.null(icon) && (
-				<span className="flex-shrink-0 block">
+				<span className="flex-shrink-0 flex">
 					<Icon
 						name={name}
 						icon={icon}