diff --git a/sass/base.scss b/sass/base.scss
index 0ca77fc..46b7798 100644
--- a/sass/base.scss
+++ b/sass/base.scss
@@ -236,6 +236,10 @@ a.back {
     max-width: max-content;
 }
 
+img.pixelated {
+    image-rendering: pixelated;
+}
+
 @media only screen and (max-width: 940px) {
     body {
         margin: 1rem 1rem;
diff --git a/templates/partials/footer.html b/templates/partials/footer.html
index 170747a..e05941c 100644
--- a/templates/partials/footer.html
+++ b/templates/partials/footer.html
@@ -17,7 +17,7 @@
 
         <div class="indieweb-buttons">
             <a href="https://legoraft.com" class="h-card" rel="me">
-                <img src="/images/buttons/legoraft-button.gif" alt="Legoraft" />
+                <img class="pixelated" src="/images/buttons/legoraft-button.gif" alt="Legoraft" />
             </a>
         </div>
     </section>