Fix heights of some icons

Author: Rikthepixel

src/components/pages/front/SignupSection.tsx

@@ -64,7 +64,7 @@ const SignupSection = () => {
         {perks.map(({ title, icon: Icon }, i) => (
           <li key={i} className="flex flex-col items-center w-32 gap-2">
             <Icon
-              className="w-12 sm:w-16 text-primary"
+              className="w-12 h-12 sm:w-16 sm:h-16 text-primary"
               width="1em"
               height="1em"
             />

src/pages/404.tsx

@@ -29,15 +29,15 @@ const NotFound: Page = ({ pathname }) => {
           <div className="grid grid-cols-2 gap-2 mt-4">
             <LinkButton href="/" color="secondary">
               <HomeModernIcon
-                className="w-4"
+                className="w-4 h-4"
                 width="1em"
                 height="1em"
               />
               Home
             </LinkButton>
             <Button onClick={() => router.back()} color="secondary">
               <ArrowUturnLeftIcon
-                className="w-4"
+                className="w-4 h-4"
                 width="1em"
                 height="1em"
               />

src/pages/blog/index.tsx

@@ -136,7 +136,11 @@ const BlogPage: Page<BlogPageProps> = ({ articles, pathname }) => {
                   className="w-fit"
                 >
                   Clear Tags
-                  <TagIcon className="w-4 h-4" />
+                  <TagIcon
+                    className="w-4 h-4"
+                    width="1em"
+                    height="1em"
+                  />
                 </LinkButton>
               </motion.div>}
             </AnimatePresence>