diff --git a/frontend/src/lib/components/DataDisplay/GalleryDisplay.svelte b/frontend/src/lib/components/DataDisplay/GalleryDisplay.svelte
index fad805d1..8be3fbf6 100644
--- a/frontend/src/lib/components/DataDisplay/GalleryDisplay.svelte
+++ b/frontend/src/lib/components/DataDisplay/GalleryDisplay.svelte
@@ -61,7 +61,7 @@
 				<!-- after example: https://flowbite-svelte.com/docs/forms/search-input#Search_with_dropdown -->
 				<div class="relative">
 					<Button
-						class="border-primary-700 h-full whitespace-nowrap rounded-e-none border border-e-0"
+						class="h-full whitespace-nowrap rounded-e-none border border-e-0 border-primary-700"
 					>
 						{searchCategory}
 						<ChevronDownOutline class="ms-2.5 h-2.5 w-2.5" />
diff --git a/frontend/src/lib/components/DataInput/DataInput.svelte b/frontend/src/lib/components/DataInput/DataInput.svelte
index c4e1785b..ce0fb46c 100644
--- a/frontend/src/lib/components/DataInput/DataInput.svelte
+++ b/frontend/src/lib/components/DataInput/DataInput.svelte
@@ -63,7 +63,7 @@
 	<svelte:component
 		this={component}
 		class={highlight
-			? 'border-primary-600 dark:border-primary-600 rounded border-2 ' + componentClass
+			? 'rounded border-2 border-primary-600 dark:border-primary-600 ' + componentClass
 			: componentClass}
 		bind:value
 		{...properties}