Odd linebreaks on certain devices

Author: Fredthedoggy

pages/index.tsx

@@ -98,11 +98,11 @@ function ToolboxCard({
   return (
     <Link href={link} passHref>
       <div
-        css={tw`p-3 rounded-2xl bg-white/10 hover:bg-white/20 text-white hover:cursor-pointer width[15rem] max-w-full break-words min-height[12rem] w-56 block grid grid-cols-1 place-items-center mix-blend-multiply`}
+        css={tw`gap-0.5 p-3 rounded-2xl bg-white/10 hover:bg-white/20 text-white hover:cursor-pointer width[15rem] max-w-full break-words min-height[12rem] w-56 block grid grid-cols-1 place-items-center mix-blend-multiply`}
       >
         <FontAwesomeIcon icon={icon} size={"3x"} />
-        <p css={tw`font-bold text-lg margin-bottom[-1rem]`}>{name}</p>
-        <p css={tw`text-center text-sm margin-top[-0.5rem]`}>{description}</p>
+        <p css={tw`font-bold text-lg`}>{name}</p>
+        <p css={tw`text-center text-sm`}>{description}</p>
       </div>
     </Link>
   );