diff --git a/public/popup.html b/public/popup.html
index 0ba67c43..09cacf34 100644
--- a/public/popup.html
+++ b/public/popup.html
@@ -138,8 +138,8 @@
           <span id="sponsorTimeSavedEndWord">__MSG_minsLower__</span></b>).
       </div>
       <footer id="sbFooter">
-        <div id="sponsorTimesDonateContainer" style="display: none; align-items: center;">
-          <img src="/icons/heart.svg"/>
+        <div id="sponsorTimesDonateContainer" style="display: none; align-items: center; justify-content: center;">
+          <img class="sbHeart" src="/icons/heart.svg"/>
           <a id="sbConsiderDonateLink" href="https://sponsor.ajay.app/donate" target="_blank" rel="noopener">
             __MSG_considerDonating__
           </a>
diff --git a/src/content.ts b/src/content.ts
index b370e445..31005f63 100644
--- a/src/content.ts
+++ b/src/content.ts
@@ -1650,11 +1650,15 @@ function openInfoMenu() {
             const copy = <HTMLImageElement> popup.querySelector("#sbPopupIconCopyUserID");
             const check = <HTMLImageElement> popup.querySelector("#sbPopupIconCheck");
             const refreshSegments = <HTMLImageElement> popup.querySelector("#refreshSegments");
+            const heart = <HTMLImageElement> popup.querySelector(".sbHeart");
+            const close = <HTMLImageElement> popup.querySelector("#sbCloseDonate");
             logo.src = chrome.extension.getURL("icons/IconSponsorBlocker256px.png");
             settings.src = chrome.extension.getURL("icons/settings.svg");
             edit.src = chrome.extension.getURL("icons/pencil.svg");
             copy.src = chrome.extension.getURL("icons/clipboard.svg");
             check.src = chrome.extension.getURL("icons/check.svg");
+            heart.src = chrome.extension.getURL("icons/heart.svg");
+            close.src = chrome.extension.getURL("icons/close.png");
             refreshSegments.src = chrome.extension.getURL("icons/refresh.svg");
 
             parentNode.insertBefore(popup, parentNode.firstChild);