diff --git a/package.json b/package.json
index 7ef858e7..7e68819a 100644
--- a/package.json
+++ b/package.json
@@ -12,7 +12,7 @@
     },
     "dependencies": {
         "dompurify": "3.1.3",
-        "efy": "24.5.19",
+        "efy": "24.5.23",
         "fast-xml-parser": "4.3.6",
         "hotkeys-js": "3.13.7",
         "javascript-time-ago": "2.5.10",
@@ -38,7 +38,7 @@
         "@vitejs/plugin-legacy": "5.4.0",
         "@vitejs/plugin-vue": "5.0.4",
         "@vue/compiler-sfc": "3.4.25",
-        "efy": "24.5.19",
+        "efy": "24.5.23",
         "eslint": "8.57.0",
         "eslint-config-prettier": "9.1.0",
         "eslint-plugin-prettier": "5.1.3",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 661cf0c4..a0ef98c2 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -9,8 +9,8 @@ dependencies:
     specifier: 3.1.3
     version: 3.1.3
   efy:
-    specifier: 24.5.19
-    version: 24.5.19
+    specifier: 24.5.23
+    version: 24.5.23
   fast-xml-parser:
     specifier: 4.3.6
     version: 4.3.6
@@ -2944,8 +2944,8 @@ packages:
     resolution: {integrity: sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==}
     dev: true
 
-  /efy@24.5.19:
-    resolution: {integrity: sha512-/xwwn5fVKjnSTIpKyldCMYvC+RG1V0Bqo0h08Bi8K3HY+rfJlR1nNcIYfB75KMU2FcXf+KvdAdL3ukjTTKRUdw==}
+  /efy@24.5.23:
+    resolution: {integrity: sha512-qw7itJDE8NvUOej8xxOcVvZF6gasoQsgB/IJ3BUhd8YEgJ2SSdRa1DOJdrdfhtdSg9pbEgwuL3j/P1DHOc/Qdw==}
     dev: false
 
   /ejs@3.1.10:
diff --git a/src/components/ShareModal.vue b/src/components/ShareModal.vue
index 842872fe..b8797eb3 100644
--- a/src/components/ShareModal.vue
+++ b/src/components/ShareModal.vue
@@ -23,7 +23,7 @@
             <h6 class="mb-2 mt-2" v-text="generatedLink" />
         </a>
         <QrCode v-if="showQrCode" :text="generatedLink" class="mb-[10rem]" />
-        <div class="flex flex-wrap justify-end" style="gap: var(--efy_gap0)">
+        <div class="flex flex-wrap" style="gap: var(--efy_gap0)">
             <button v-t="'actions.generate_qrcode'" class="btn" @click="showQrCode = !showQrCode" />
             <button v-t="'actions.follow_link'" class="btn ml-3" @click="followLink()" />
             <button v-t="'actions.copy_link'" class="btn ml-3" @click="copyLink()" />
diff --git a/src/components/VideoPlayer.vue b/src/components/VideoPlayer.vue
index b2280ce9..12f8e23a 100644
--- a/src/components/VideoPlayer.vue
+++ b/src/components/VideoPlayer.vue
@@ -484,7 +484,7 @@ export default {
                     seekBarColors: {
                         base: "rgba(255, 255, 255, 0.3)",
                         buffered: "rgba(255, 255, 255, 0.54)",
-                        played: "var(--efy_piped_color1)",
+                        played: "var(--efy_piped_color)",
                     },
                 };
 
diff --git a/src/components/WatchVideo.vue b/src/components/WatchVideo.vue
index e13f596e..59382b43 100644
--- a/src/components/WatchVideo.vue
+++ b/src/components/WatchVideo.vue
@@ -712,31 +712,21 @@ video::-webkit-media-text-track-display {
 video::cue {
     background: transparent;
 }
-.player-container.pp-trans video::-webkit-media-text-track-display {
-    background: transparent !important;
-    backdrop-filter: none;
-    margin-bottom: unset;
-    line-height: 1.2;
-    text-shadow: 0 0 5rem #000;
+.player-container {
+    &.pp-trans video::-webkit-media-text-track-display {
+        background: transparent !important;
+        backdrop-filter: none;
+        margin-bottom: unset;
+        line-height: 1.2;
+        text-shadow: 0 0 5rem #000;
+    }
+    &.pp-solid video::-webkit-media-text-track-display {
+        background: var(--efy_bg) !important;
+        color: var(--efy_text);
+        backdrop-filter: none;
+    }
 }
 
-.player-container.pp-solid video::-webkit-media-text-track-display {
-    background: var(--efy_bg) !important;
-    color: var(--efy_text);
-    backdrop-filter: none;
-}
-
-@media (width <= 768px) {
-    .share-btn {
-        aspect-ratio: 1;
-    }
-    .share-btn strong {
-        display: none;
-    }
-    .share-btn svg {
-        margin: 0;
-    }
-}
 @media (max-width: 639px) {
     video::-webkit-media-text-track-display {
         font-size: 16rem !important;
diff --git a/src/piped.js b/src/piped.js
index c7b961aa..205ef284 100644
--- a/src/piped.js
+++ b/src/piped.js
@@ -48,11 +48,14 @@ $ready('#efy_sidebar', ()=>{
     }
 
     // Get EFY Color Gradient in Piped
-    let efy_colors = efy.colors;
-    efy_colors.forEach((a,i)=>{
-        let b = a.split(' '); b.shift(); b[3] = '/ ' + b[3];
-        efy_colors[i] = `oklch(${b.join(' ')})`;
-    });
-    $css_prop('--efy_piped_color1', String(efy_colors));
+    const efy_piped_color =()=>{ let efy_colors = [];
+        efy.colors.forEach((a,i)=>{
+            a = a.split(' ').slice(1); a[3] = `/ ${a[3]}`;
+            efy_colors[i] = `oklch(${a.join(' ')})`;
+        });
+        $css_prop('--efy_piped_color', String(efy_colors));
+    }; efy_piped_color();
+
+    $event($('#efy_gradient'), 'change', efy_piped_color);
 
 }, 1);
\ No newline at end of file