svg fixes

components/ContactForm/ContactForm.tsx

@@ -49,6 +49,7 @@ const MarkdownTip = styled("div", {
 });
 
 const MarkdownTipIcon = styled(SiMarkdown, {
+  display: "inline",
   width: "1.25em",
   height: "1.25em",
   verticalAlign: "-0.25em",
@@ -123,6 +124,7 @@ const Result = styled("div", {
 });
 
 const ResultIcon = styled("svg", {
+  display: "inline",
   width: "1.3em",
   height: "1.3em",
   verticalAlign: "-0.3em",

components/Footer/Footer.tsx

@@ -38,6 +38,7 @@ const PlainLink = styled(Link, {
 });
 
 const Icon = styled("svg", {
+  display: "inline",
   width: "1.25em",
   height: "1.25em",
   verticalAlign: "-0.25em",

components/MenuItem/MenuItem.tsx

@@ -25,6 +25,7 @@ const MenuLink = styled(Link, {
 });
 
 const Icon = styled("svg", {
+  display: "inline",
   width: "1.25em",
   height: "1.25em",
   verticalAlign: "-0.3em",

components/OctocatLink/OctocatLink.tsx

@@ -4,6 +4,7 @@ import { styled, theme } from "../../lib/styles/stitches.config";
 import type { ComponentPropsWithoutRef } from "react";
 
 const Octocat = styled(SiGithub, {
+  display: "inline",
   width: "1.2em",
   height: "1.2em",
   verticalAlign: "-0.2em",

components/PostMeta/PostMeta.tsx

@@ -27,6 +27,7 @@ const MetaLink = styled(Link, {
 });
 
 const Icon = styled("svg", {
+  display: "inline",
   width: "1.2em",
   height: "1.2em",
   verticalAlign: "-0.2em",

components/RepositoryCard/RepositoryCard.tsx

@@ -47,6 +47,7 @@ const MetaLink = styled(Link, {
 });
 
 const MetaIcon = styled("svg", {
+  display: "inline",
   width: "16px",
   height: "16px",
   verticalAlign: "-0.3em",

pages/previously.tsx

@@ -42,6 +42,7 @@ const Divider = styled(HorizontalRule, {
 });
 
 const WindowsLogo = styled(SiWindows95, {
+  display: "inline",
   width: "1.2em",
   height: "1.2em",
   verticalAlign: "-0.15em",

pages/projects.tsx

@@ -33,6 +33,7 @@ const ViewMore = styled("p", {
 });
 
 const GitHubLogo = styled(SiGithub, {
+  display: "inline",
   width: "1.2em",
   height: "1.2em",
   verticalAlign: "-0.2em",