diff --git a/src/lib/components/FieldInline.svelte b/src/lib/components/FieldInline.svelte
index 3e20cd90..f8beaa92 100644
--- a/src/lib/components/FieldInline.svelte
+++ b/src/lib/components/FieldInline.svelte
@@ -9,14 +9,14 @@
   const {...props}: Props = $props()
 </script>
 
-<div class="grid grid-cols-1 gap-2 md:grid-cols-3 {props.class}">
+<div class="grid grid-cols-1 gap-2 lg:grid-cols-3 {props.class}">
   <label class="flex items-center gap-2 font-bold">
     {@render props.label?.()}
   </label>
   <div class="col-span-2 flex items-center gap-2">
     {@render props.input?.()}
   </div>
-  <p class="flex-end text-sm opacity-70 md:col-span-3">
+  <p class="flex-end text-sm opacity-70 lg:col-span-3">
     {#if props.info}
       {@render props.info?.()}
     {/if}