From 2b4318b5d37e272292bbcf4bb840e4eaa6a74ea2 Mon Sep 17 00:00:00 2001
From: ItzNotABug <itznotabug@gmail.com>
Date: Mon, 30 Sep 2024 19:55:04 +0530
Subject: [PATCH] fix: arrow alignment on mobile.

---
 src/lib/elements/forms/inputSelectCheckbox.svelte | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/lib/elements/forms/inputSelectCheckbox.svelte b/src/lib/elements/forms/inputSelectCheckbox.svelte
index e1fc6d6b9..4b5e5d340 100644
--- a/src/lib/elements/forms/inputSelectCheckbox.svelte
+++ b/src/lib/elements/forms/inputSelectCheckbox.svelte
@@ -68,7 +68,7 @@
         <span
             class:icon-cheveron-up={show}
             class:icon-cheveron-down={!show}
-            class="u-position-absolute u-inset-inline-end-12"
+            class="chevron-icon u-position-absolute u-inset-inline-end-12"
             aria-hidden="true"></span>
     </button>
 
@@ -86,3 +86,11 @@
         {/each}
     </svelte:fragment>
 </DropList>
+
+<style>
+    @media (max-width: 768px) {
+        .chevron-icon {
+            inset-block-start: 0.25rem !important;
+        }
+    }
+</style>
\ No newline at end of file