diff --git a/quartz/plugins/transformers/badges.ts b/quartz/plugins/transformers/badges.ts
index 2f7d85620..765e4a08e 100644
--- a/quartz/plugins/transformers/badges.ts
+++ b/quartz/plugins/transformers/badges.ts
@@ -138,11 +138,6 @@ export const InlineBadges: QuartzTransformerPlugin<Partial<Options>> = (userOpts
         content: badgesCSS,
         inline: true,
       })
-      css.push({
-        // Requirement for the SVG to align properly.
-        content: ".inline-badge .inline-badge-icon svg {display: flex;align-self: center;}",
-        inline: true,
-      })
       // Sets the colour of custom badges.
       for (let badgeDef of opts.customBadges) {
         let badgeColor: string = `${badgeDef.color[0]},${badgeDef.color[1]},${badgeDef.color[2]}`
diff --git a/quartz/styles/badges.scss b/quartz/styles/badges.scss
index 19f233b54..de0c960c9 100644
--- a/quartz/styles/badges.scss
+++ b/quartz/styles/badges.scss
@@ -69,7 +69,10 @@ body {
 .inline-badge .inline-badge-icon svg {
   width: 14px;
   height: 14px;
+  display: flex;
+  align-self: center;
 }
+
 .inline-badge .inline-badge-extra,
 .inline-badge .inline-badge-icon {
   display: inline-flex !important;