add style to insight currency selector

src/routes/insights/+page.svelte

@@ -74,12 +74,39 @@
 	<div in:fade>Loading...</div>
 {:else}
 	<div in:fade>
-		<select class="form-control order-select" on:change={updateCurrency} value={currency}>
-			<option value="BRL">BRL</option>
-			<option value="EUR">EUR</option>
-			<option value="USD" selected>USD</option>
-		</select>
+		<div class="button-container">
+			<select class="form-control order-select" on:change={updateCurrency} value={currency}>
+				<option value="BRL">BRL</option>
+				<option value="EUR">EUR</option>
+				<option value="USD" selected>USD</option>
+			</select>
+		</div>
 
 		<CurrentPositionChart {data} {currency} {total} />
 	</div>
-{/if}
+{/if}
+
+<style>
+    .button-container {
+        display: flex;
+        gap: 10px;
+        margin-bottom: 1rem;
+        align-items: center;
+        justify-content: flex-end;
+    }
+
+    .order-select {
+        width: 200px;
+        padding: 0.5rem;
+        border-radius: 8px;
+        border: 1px solid #ddd;
+        font-size: 1rem;
+        background-color: #f9f9f9;
+        transition: border-color 0.3s ease;
+    }
+
+    .order-select:focus {
+        border-color: #2980b9;
+        outline: none;
+    }
+</style>