From 352b0eae590896e7e78771cf511413b410883401 Mon Sep 17 00:00:00 2001
From: wukko <me@wukko.me>
Date: Tue, 25 Jun 2024 15:44:06 +0600
Subject: [PATCH] web/SettingsTab: fix overflow & chevron scaling

---
 web/src/components/settings/SettingsTab.svelte | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/web/src/components/settings/SettingsTab.svelte b/web/src/components/settings/SettingsTab.svelte
index 6375ec7b..28fc621c 100644
--- a/web/src/components/settings/SettingsTab.svelte
+++ b/web/src/components/settings/SettingsTab.svelte
@@ -21,8 +21,9 @@
         </div>
         <span>{tabName}</span>
     </div>
-
-    <IconChevronRight class="settings-tab-chevron" />
+    <div class="settings-tab-chevron">
+        <IconChevronRight />
+    </div>
 </a>
 
 <style>
@@ -38,6 +39,7 @@
         background: var(--primary);
         color: var(--button-text);
         border-radius: var(--border-radius);
+        overflow: hidden;
     }
 
     .settings-tab-left {
@@ -58,7 +60,7 @@
         stroke: var(--white);
     }
 
-    :global(.settings-tab-chevron) {
+    .settings-tab-chevron :global(svg) {
         display: none;
         stroke: var(--secondary);
     }
@@ -101,7 +103,7 @@
             width: 19px;
         }
 
-        :global(.settings-tab-chevron) {
+        .settings-tab-chevron :global(svg) {
             display: block;
         }
     }