diff --git a/src/frontend/tailwind.config.mjs b/src/frontend/tailwind.config.mjs
index efc1c9832..c9b279c7d 100644
--- a/src/frontend/tailwind.config.mjs
+++ b/src/frontend/tailwind.config.mjs
@@ -421,7 +421,7 @@ const config = {
                 content: '""',
                 position: "absolute",
                 inset: "0 0 0 0",
-                background: `linear-gradient(to right, transparent, 75%, ${colorValue})`,
+                background: `linear-gradient(to right, transparent 80%, ${colorValue})`,
               },
             };
           } else if (typeof colorValue === "object") {
@@ -434,7 +434,7 @@ const config = {
                   content: '""',
                   position: "absolute",
                   inset: "0 0 0 0",
-                  background: `linear-gradient(to right, transparent, ${colorValue.DEFAULT})`,
+                  background: `linear-gradient(to right, transparent 80%, ${colorValue.DEFAULT})`,
                 },
               };
             }