fixed when grid collapose's to single column

2025-04-12 22:05:42 -04:00
parent b3783bab40
commit a195126df1
1 changed files with 1 additions and 1 deletions
@@ -21,7 +21,7 @@ export const FieldWrapper = ({
  <div className="pt-6 sm:pt-5">
    <fieldset aria-labelledby="label-notifications">
      {/* first column = labels/heading, second column = fields, third column = gutter  */}
-      <div className="grid md:grid-cols-[1fr_2fr] lg:grid-cols-[1fr_2fr_1fr] sm:items-baseline gap-4">
+      <div className="grid grid-cols-1 lg:grid-cols-[0.6fr_2fr_.1fr] sm:items-baseline gap-4">
        <Label htmlFor={fieldName}>{label}</Label>
        <div className="max-w-3xl">
          <p className="text-sm text-slate-400">{description}</p>