diff --git a/themes/red/layouts/partials/footer.html b/themes/red/layouts/partials/footer.html
index ebfaa99..388e093 100644
--- a/themes/red/layouts/partials/footer.html
+++ b/themes/red/layouts/partials/footer.html
@@ -2,7 +2,7 @@
     {{ range $.Site.Menus.badges }}
         {{ $badgeScope := . }}
         {{ with resources.Get .URL }}
-            <img width="{{ .Width }}" height="{{ .Height }}" src="{{ .Permalink }}" alt="{{ $badgeScope.Name }}">
+            <img style="image-rendering: pixelated;" width="{{ .Width }}" height="{{ .Height }}" src="{{ .Permalink }}" alt="{{ $badgeScope.Name }}">
         {{ end }}
     {{ end }}
 </div>
diff --git a/themes/red/layouts/shortcodes/out-link.html b/themes/red/layouts/shortcodes/out-link.html
index 0373594..a5d5844 100644
--- a/themes/red/layouts/shortcodes/out-link.html
+++ b/themes/red/layouts/shortcodes/out-link.html
@@ -7,7 +7,8 @@
 {{ $path := printf "/links/%s" $banner}}
 {{ $img := resources.Get $path }}
 {{ with $img }}
-<img src="{{ .RelPermalink }}" style="width: auto; height: 31px;" alt="{{ $label }}" width="{{ .Width }}" height="{{ .Height }}"/>
+<!-- Some browsers (safari) sucks and blocks 88x31, so force them to be 89x31 instead. -->
+<img src="{{ .RelPermalink }}" style="width: auto; height: 31px; image-rendering: pixelated;" alt="{{ $label }}" width="{{ add .Width 1 }}" height="{{ .Height }}"/>
 {{ end }}
 
 </a>