From 3149a3bf3c371fa78ffa4b149cac5fdce99fac8d Mon Sep 17 00:00:00 2001
From: codytseng <codytseng98@gmail.com>
Date: Sat, 29 Nov 2025 15:22:04 +0800
Subject: [PATCH] fix: remove unnecessary container clearing and adjust overlay
 background opacity

---
 src/components/XEmbeddedPost/index.tsx | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/src/components/XEmbeddedPost/index.tsx b/src/components/XEmbeddedPost/index.tsx
index 83b17b4..252b62e 100644
--- a/src/components/XEmbeddedPost/index.tsx
+++ b/src/components/XEmbeddedPost/index.tsx
@@ -63,9 +63,6 @@ export default function XEmbeddedPost({
     function embedTweet() {
       if (!containerRef.current || !window.twttr || !tweetId) return
 
-      // Clear container
-      containerRef.current.innerHTML = ''
-
       window.twttr.widgets
         .createTweet(tweetId, containerRef.current, {
           theme: theme === 'light' ? 'light' : 'dark',
@@ -127,7 +124,7 @@ export default function XEmbeddedPost({
       {loaded && embedded && (
         /* Hover overlay mask */
         <div
-          className="absolute inset-0 bg-muted/30 backdrop-blur-md opacity-0 group-hover:opacity-100 transition-opacity duration-200 flex items-center justify-center cursor-pointer rounded-xl"
+          className="absolute inset-0 bg-muted/40 backdrop-blur-md opacity-0 group-hover:opacity-100 transition-opacity duration-200 flex items-center justify-center cursor-pointer rounded-xl"
           onClick={handleViewComments}
         >
           <div className="flex flex-col items-center gap-3">