From a19f3d59820ca8a3c32355767c7222e791acdbf4 Mon Sep 17 00:00:00 2001
From: not-nullptr <needhelpwithrift@gmail.com>
Date: Tue, 12 Nov 2024 17:27:32 +0000
Subject: [PATCH] feat: mbile layout fixed!!

---
 src/lib/components/functional/Dropdown.svelte | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/lib/components/functional/Dropdown.svelte b/src/lib/components/functional/Dropdown.svelte
index 2ffc2f6..0182fbe 100644
--- a/src/lib/components/functional/Dropdown.svelte
+++ b/src/lib/components/functional/Dropdown.svelte
@@ -46,13 +46,15 @@
 	});
 </script>
 
-<div class="relative w-full" bind:this={dropdown}>
+<div class="relative w-full min-w-fit" bind:this={dropdown}>
 	<button
-		class="font-display w-full justify-between overflow-hidden relative cursor-pointer px-3 border-2 border-solid flex items-center bg-background border-foreground-muted-alt rounded-xl p-2 focus:!outline-none"
+		class="font-display w-full min-w-fit justify-between overflow-hidden relative cursor-pointer px-3 border-2 border-solid flex items-center bg-background border-foreground-muted-alt rounded-xl p-2 focus:!outline-none"
 		onclick={toggle}
 	>
 		<!-- <p>{selected}</p> -->
-		<div class="grid grid-cols-1 grid-rows-1 w-fit text-left flex-grow-0">
+		<div
+			class="grid grid-cols-1 grid-rows-1 w-fit text-left flex-grow-0 pr-12"
+		>
 			{#key selected}
 				<p
 					in:blur={{