diff --git a/src/components/Icon.tsx b/src/components/Icon.tsx
index eaaf357..1407dbc 100644
--- a/src/components/Icon.tsx
+++ b/src/components/Icon.tsx
@@ -133,7 +133,7 @@ export function Icon({ type, className = undefined, placeholder, ...otherProps }
       {React.createElement(Octicon, {
         icon: IconComponent,
         className: mergedClassName,
-        verticalAlign: 'middle',
+        verticalAlign: 'text-bottom',
       })}
     </div>
   )
diff --git a/src/content.less b/src/content.less
index b6ea0e2..81f6ee7 100644
--- a/src/content.less
+++ b/src/content.less
@@ -362,7 +362,7 @@
               width: 16px;
               height: 16px;
               object-fit: contain;
-              vertical-align: middle;
+              vertical-align: text-bottom;
               padding-left: 4px;
               box-sizing: content-box;