From e45a71305dfb05675148e7c40844dc5c3882ebcf Mon Sep 17 00:00:00 2001
From: Captain Jack Sparrow <163903675+sussy-code@users.noreply.github.com>
Date: Sun, 5 May 2024 17:52:36 +0000
Subject: [PATCH] Make the customize button hotter

---
 src/components/player/atoms/settings/CaptionsView.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/player/atoms/settings/CaptionsView.tsx b/src/components/player/atoms/settings/CaptionsView.tsx
index 035567e2..3a7a7def 100644
--- a/src/components/player/atoms/settings/CaptionsView.tsx
+++ b/src/components/player/atoms/settings/CaptionsView.tsx
@@ -215,7 +215,7 @@ export function CaptionsView({ id }: { id: string }) {
             <button
               type="button"
               onClick={() => router.navigate("/captions/settings")}
-              className="py-1 -my-1 px-3 -mx-3 rounded tabbable"
+              className="-mr-2 -my-1 px-2 p-[0.4em] rounded tabbable hover:bg-video-context-light hover:bg-opacity-10"
             >
               {t("player.menus.subtitles.customizeLabel")}
             </button>