diff --git a/web/src/components/MemosHeader.tsx b/web/src/components/MemosHeader.tsx
index 1cbe3bf7f..a3a013fbf 100644
--- a/web/src/components/MemosHeader.tsx
+++ b/web/src/components/MemosHeader.tsx
@@ -50,7 +50,7 @@ const MemosHeader = () => {
         </span>
         {user && (
           <a className="dark:text-white" href={"/u/" + user.id + "/rss.xml"} target="_blank" rel="noreferrer">
-            <Icon.Rss />
+            <Icon.Rss className="w-4 h-auto opacity-40 hover:opacity-60" />
           </a>
         )}
       </div>
diff --git a/web/src/pages/Explore.tsx b/web/src/pages/Explore.tsx
index b016a84a1..ede994f26 100644
--- a/web/src/pages/Explore.tsx
+++ b/web/src/pages/Explore.tsx
@@ -116,8 +116,8 @@ const Explore = () => {
           <div className="title-container">
             <img className="logo-img" src={customizedProfile.logoUrl} alt="" />
             <span className="title-text">{customizedProfile.name}</span>
-            <a className="dark:text-white ml-2" href="/explore/rss.xml" target="_blank" rel="noreferrer">
-              <Icon.Rss />
+            <a className="dark:text-white ml-1 mt-1" href="/explore/rss.xml" target="_blank" rel="noreferrer">
+              <Icon.Rss className="w-6 h-auto opacity-40 hover:opacity-60" />
             </a>
           </div>
           <div className="action-button-container">