diff --git a/apps/web/content/docs/ui/auto-form.mdx b/apps/web/content/docs/ui/auto-form.mdx
index e340e11d72..018ca19d44 100644
--- a/apps/web/content/docs/ui/auto-form.mdx
+++ b/apps/web/content/docs/ui/auto-form.mdx
@@ -79,7 +79,54 @@ Import each one from `@vitnode/core/components/form/fields/<file>`. Spread
 | `AutoFormArray`          | `array`           | [Arrays](#arrays)                                 |
 
 Every field takes `label`, `labelRight` (content pinned to the label's right
-edge) and `description`.
+edge), `description` and [`tip`](#field-tips).
+
+## Field tips
+
+<Preview name="auto-form-tip" className="*:max-w-full" />
+
+`tip` adds a small question-mark button right after the label. It opens a
+bubble with extra help that most people can skip. Every built-in field
+supports it, `AutoFormArray` included.
+
+```tsx
+{
+  id: "slug",
+  component: props => (
+    <AutoFormInput
+      {...props}
+      label={t("slug.label")}
+      description={t("slug.description")}
+      tip={t("slug.tip")}
+      labelRight={<Badge variant="secondary">{t("public")}</Badge>}
+    />
+  ),
+}
+```
+
+Pick the right slot for your text:
+
+| Prop          | Shows                                      | Use it for                                |
+| ------------- | ------------------------------------------ | ----------------------------------------- |
+| `label`       | Always, above the control                  | The field's name                          |
+| `description` | Always, below the control                  | What the field does, in one line          |
+| `tip`         | Only when asked, in a bubble by the label  | Background, edge cases, "why would I..."  |
+| `labelRight`  | Always, at the end of the label row        | Actions, badges, a language switcher      |
+
+- **Mouse:** hover the icon for a moment, then move onto the bubble to read it.
+  Or click the icon: the bubble stays open until you click it again or
+  anywhere else.
+- **Touch:** tap the icon to open, tap it again or anywhere else to close.
+- **Keyboard:** Tab reaches the icon, Enter or Space opens it, Escape closes it.
+
+Pressing the icon never focuses the control, toggles a checkbox or switch, or
+submits the form. When a submit fails, focus still lands on the invalid
+control, not on the icon. Empty values (`undefined`, `""`, `false`) render no
+icon, so `tip={isAdmin && t("slug.tip")}` is fine.
+
+Translate the tip like the label, with `use-intl`. In a
+[multi-language field](#multi-language-fields) it stays in the UI language
+while you switch the language you're editing.
 
 ## Schema
 
@@ -324,7 +371,8 @@ import {
 A field is any component. Build it from AutoForm's parts and it gets the same
 ids, ARIA and errors as the built-in ones:
 
-- `AutoFormLabel` and `AutoFormDesc` render the label and description.
+- `AutoFormLabel` and `AutoFormDesc` render the label and description. Pass
+  `tip` to `AutoFormLabel` for the [help icon](#field-tips).
 - `FormControl` passes `id`, `aria-invalid` and `aria-describedby` to its child.
 - `FormMessage` shows the field's errors.
 
@@ -343,12 +391,13 @@ import { FormControl, FormMessage } from '@vitnode/core/components/ui/form'
 const SlowModeField = ({
   label,
   description,
+  tip,
   field,
 }: Omit<ItemAutoFormComponentProps, 'field'> & {
   field: FormFieldApi<number>
 }) => (
   <>
-    <AutoFormLabel>{label}</AutoFormLabel>
+    <AutoFormLabel tip={tip}>{label}</AutoFormLabel>
     <FormControl>
       <input
         type="range"
diff --git a/apps/web/src/docs/examples/auto-form-custom-field.tsx b/apps/web/src/docs/examples/auto-form-custom-field.tsx
index b2e0516202..f981404b91 100644
--- a/apps/web/src/docs/examples/auto-form-custom-field.tsx
+++ b/apps/web/src/docs/examples/auto-form-custom-field.tsx
@@ -13,12 +13,13 @@ const SlowModeField = ({
   description,
   field,
   label,
+  tip,
 }: Omit<ItemAutoFormComponentProps, 'field'> & {
   field: FormFieldApi<number>
 }) => (
   <>
     <div className="flex items-center justify-between gap-4">
-      <AutoFormLabel>{label}</AutoFormLabel>
+      <AutoFormLabel tip={tip}>{label}</AutoFormLabel>
       <output className="text-muted-foreground text-sm tabular-nums">
         {field.value === 0 ? 'Off' : `${field.value}s`}
       </output>
@@ -59,6 +60,7 @@ export default function AutoFormCustomFieldExample() {
               {...props}
               description="Seconds a member waits between posts in this thread."
               label="Slow mode"
+              tip="Moderators skip the wait. Existing posts are not affected."
             />
           ),
         },
diff --git a/apps/web/src/docs/examples/auto-form-tip.tsx b/apps/web/src/docs/examples/auto-form-tip.tsx
new file mode 100644
index 0000000000..1e7196df03
--- /dev/null
+++ b/apps/web/src/docs/examples/auto-form-tip.tsx
@@ -0,0 +1,54 @@
+import { AutoForm } from '@vitnode/core/components/form/auto-form'
+import { AutoFormInput } from '@vitnode/core/components/form/fields/input'
+import { AutoFormSwitch } from '@vitnode/core/components/form/fields/switch'
+import { Badge } from '@vitnode/core/components/ui/badge'
+import { toast } from 'sonner'
+import { z } from 'zod'
+
+export default function AutoFormTipExample() {
+  const formSchema = z.object({
+    slug: z
+      .string()
+      .regex(
+        /^[a-z\d]+(?:-[a-z\d]+)*$/,
+        'Use lowercase letters, numbers and dashes',
+      )
+      .default('general-chat'),
+    slowMode: z.boolean().default(false),
+  })
+
+  return (
+    <AutoForm
+      className="w-full"
+      fields={[
+        {
+          id: 'slug',
+          component: (props) => (
+            <AutoFormInput
+              {...props}
+              description="Shown in the forum's address."
+              label="Slug"
+              labelRight={<Badge variant="secondary">Public</Badge>}
+              tip="Changing the slug later breaks every link already shared, so pick one you can live with. Old bookmarks will not follow along."
+            />
+          ),
+        },
+        {
+          id: 'slowMode',
+          component: (props) => (
+            <AutoFormSwitch
+              {...props}
+              description="Members wait 30 seconds between posts."
+              label="Slow mode"
+              tip="Handy when a thread catches fire. Moderators and admins are never slowed down."
+            />
+          ),
+        },
+      ]}
+      formSchema={formSchema}
+      onSubmit={(values) => {
+        toast.success('Forum saved', { description: `/${values.slug}` })
+      }}
+    />
+  )
+}
diff --git a/apps/web/src/locales/@vitnode/core/pl.json b/apps/web/src/locales/@vitnode/core/pl.json
index 8a3ac2a9bc..c6057336cc 100644
--- a/apps/web/src/locales/@vitnode/core/pl.json
+++ b/apps/web/src/locales/@vitnode/core/pl.json
@@ -2709,6 +2709,7 @@
         "account": "Konto"
       },
       "optional": "Opcjonalne",
+      "field_tip": "Więcej informacji",
       "or": "lub",
       "pick_color": "Wybierz kolor",
       "color_value": "Wartość koloru",
diff --git a/packages/vitnode/src/components/form/auto-form-tip.test.tsx b/packages/vitnode/src/components/form/auto-form-tip.test.tsx
new file mode 100644
index 0000000000..0da2a91c6b
--- /dev/null
+++ b/packages/vitnode/src/components/form/auto-form-tip.test.tsx
@@ -0,0 +1,247 @@
+import { fireEvent, render, screen, waitFor } from "@testing-library/react";
+import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+import { z } from "zod";
+
+import type { ItemAutoFormComponentProps } from "./auto-form";
+
+import { LanguagesProvider } from "../languages-provider";
+import { AutoForm } from "./auto-form";
+import { AutoFormLabel } from "./common/label";
+import { AutoFormArray } from "./fields/array";
+import { AutoFormCheckbox } from "./fields/checkbox";
+import { AutoFormInput } from "./fields/input";
+import { multiLangValueSchema } from "./fields/multi-lang";
+import { AutoFormSwitch } from "./fields/switch";
+
+const TIP_NAME = /core\.global\.field_tip/;
+
+const tipButtons = () => screen.queryAllByRole("button", { name: TIP_NAME });
+
+const languages = [
+  { code: "en", name: "English" },
+  { code: "pl", name: "Polski" },
+];
+
+describe("AutoForm field tips", () => {
+  beforeEach(() => {
+    // Reduced motion skips the shake, which needs the Web Animations API the
+    // test DOM does not have.
+    vi.stubGlobal("matchMedia", (query: string) => ({
+      addEventListener: vi.fn(),
+      matches: true,
+      media: query,
+      removeEventListener: vi.fn(),
+    }));
+  });
+
+  afterEach(() => {
+    vi.unstubAllGlobals();
+  });
+
+  it.each([
+    { name: "no tip", tip: undefined },
+    { name: "an empty tip", tip: "" },
+  ])("renders no help button for $name", ({ tip }) => {
+    render(
+      <AutoForm
+        fields={[
+          {
+            id: "title",
+            component: props => (
+              <AutoFormInput {...props} label="Title" tip={tip} />
+            ),
+          },
+        ]}
+        formSchema={z.object({ title: z.string().default("") })}
+      />,
+    );
+
+    expect(tipButtons()).toHaveLength(0);
+    expect(screen.getByRole("textbox", { name: "Title" })).toBeDefined();
+  });
+
+  it("opens the tip on click and closes it on Escape", async () => {
+    const { container } = render(
+      <AutoForm
+        fields={[
+          {
+            id: "title",
+            component: props => (
+              <AutoFormInput
+                {...props}
+                label="Title"
+                tip="Shown in search results"
+              />
+            ),
+          },
+        ]}
+        formSchema={z.object({ title: z.string().default("") })}
+      />,
+    );
+
+    const button = screen.getByRole("button", {
+      name: "core.global.field_tip Title",
+    });
+    expect(screen.getByRole("textbox", { name: "Title" })).toBeDefined();
+    expect(container.querySelector("[tip]")).toBeNull();
+
+    fireEvent.click(button);
+    const popup = await screen.findByRole("dialog");
+    expect(popup.textContent).toBe("Shown in search results");
+
+    fireEvent.keyDown(popup, { key: "Escape" });
+    await waitFor(() => {
+      expect(screen.queryByText("Shown in search results")).toBeNull();
+    });
+  });
+
+  it.each([
+    {
+      name: "checkbox",
+      role: "checkbox",
+      component: AutoFormCheckbox,
+    },
+    {
+      name: "switch",
+      role: "switch",
+      component: AutoFormSwitch,
+    },
+  ])(
+    "clicking the help button of a $name neither submits nor toggles it",
+    async ({ component: Component, role }) => {
+      const onSubmit = vi.fn();
+      render(
+        <AutoForm
+          fields={[
+            {
+              id: "agree",
+              component: props => (
+                <Component {...props} label="Agree" tip="Read the terms" />
+              ),
+            },
+          ]}
+          formSchema={z.object({ agree: z.boolean().default(false) })}
+          onSubmit={onSubmit}
+        />,
+      );
+
+      fireEvent.click(screen.getByRole("button", { name: TIP_NAME }));
+      await screen.findByRole("dialog");
+
+      expect(onSubmit).not.toHaveBeenCalled();
+      expect(
+        screen.getByRole(role, { name: "Agree" }).getAttribute("aria-checked"),
+      ).toBe("false");
+    },
+  );
+
+  // A custom control may not mark itself `aria-invalid`, so the form falls
+  // back to the field's first focusable element - which must not be the tip.
+  it.each([
+    {
+      name: "a built-in input",
+      component: (props: ItemAutoFormComponentProps) => (
+        <AutoFormInput {...props} label="Title" tip="At least 3 letters" />
+      ),
+    },
+    {
+      name: "a custom control",
+      component: ({ field }: ItemAutoFormComponentProps) => (
+        <>
+          <AutoFormLabel tip="At least 3 letters">Title</AutoFormLabel>
+          <input
+            aria-label="Title"
+            onChange={event => field.onChange(event.target.value)}
+            value={String(field.value ?? "")}
+          />
+        </>
+      ),
+    },
+  ])(
+    "focuses $name, not its help button, after a failed submit",
+    async ({ component }) => {
+      const onSubmit = vi.fn();
+      render(
+        <AutoForm
+          fields={[{ id: "title", component }]}
+          formSchema={z.object({ title: z.string().min(3).default("") })}
+          onSubmit={onSubmit}
+        />,
+      );
+
+      fireEvent.click(
+        screen.getByRole("button", { name: "core.global.submit" }),
+      );
+
+      const input = screen.getByRole("textbox", { name: "Title" });
+      await waitFor(() => {
+        expect(document.activeElement).toBe(input);
+      });
+      expect(onSubmit).not.toHaveBeenCalled();
+    },
+  );
+
+  it("renders one help button for a multi-language field, not one per language", () => {
+    render(
+      <LanguagesProvider languages={languages}>
+        <AutoForm
+          fields={[
+            {
+              id: "title",
+              component: props => (
+                <AutoFormInput
+                  {...props}
+                  label="Title"
+                  multiLang
+                  tip="Translate it too"
+                />
+              ),
+            },
+          ]}
+          formSchema={z.object({ title: multiLangValueSchema().default([]) })}
+        />
+      </LanguagesProvider>,
+    );
+
+    expect(tipButtons()).toHaveLength(1);
+  });
+
+  it("keeps the array's own tip and its row tips, and names the group by its label only", () => {
+    render(
+      <AutoForm
+        fields={[
+          {
+            id: "links",
+            component: props => (
+              <AutoFormArray
+                {...props}
+                fields={[
+                  {
+                    id: "url",
+                    component: rowProps => (
+                      <AutoFormInput
+                        {...rowProps}
+                        label="URL"
+                        tip="Full address"
+                      />
+                    ),
+                  },
+                ]}
+                label="Links"
+                tip="Shown in the footer"
+              />
+            ),
+          },
+        ]}
+        formSchema={z.object({
+          links: z.array(z.object({ url: z.string() })).default([{ url: "" }]),
+        })}
+      />,
+    );
+
+    expect(tipButtons()).toHaveLength(2);
+    expect(screen.getByRole("group", { name: "Links" }).tagName).toBe(
+      "FIELDSET",
+    );
+  });
+});
diff --git a/packages/vitnode/src/components/form/auto-form.tsx b/packages/vitnode/src/components/form/auto-form.tsx
index d80958b60a..207b80c488 100644
--- a/packages/vitnode/src/components/form/auto-form.tsx
+++ b/packages/vitnode/src/components/form/auto-form.tsx
@@ -37,6 +37,7 @@ import {
   TabsPanels,
   TabsTrigger,
 } from "../ui/tabs";
+import { AUTO_FORM_TIP_SLOT } from "./common/tip";
 
 export type { AnyFormFieldApi, FormFieldApi } from "../ui/form";
 export { setFormFieldError } from "../ui/form";
@@ -123,6 +124,13 @@ export interface ItemAutoFormComponentProps {
     pattern?: string;
     type?: string;
   };
+  /**
+   * Extra help opened from a question-mark button beside the label - on
+   * hover, click, tap or keyboard. Unlike `description`, it is hidden until
+   * asked for. Not filled by `AutoForm`; pass it to the field component
+   * yourself, translated. Empty content renders no button.
+   */
+  tip?: React.ReactNode;
 }
 
 type AutoFormValidator<T extends z.ZodObject<z.ZodRawShape>> = StandardSchemaV1<
@@ -187,10 +195,20 @@ const outermostInvalidFields = (root: HTMLElement): HTMLElement[] =>
     element => !element.parentElement?.closest(INVALID_FIELD_SELECTOR),
   );
 
-const focusTargetOf = (fieldElement: HTMLElement): HTMLElement | null =>
-  fieldElement.querySelector<HTMLElement>(
-    `[aria-invalid=true]:is(${FOCUSABLE_SELECTOR})`,
-  ) ?? fieldElement.querySelector<HTMLElement>(FOCUSABLE_SELECTOR);
+// Help buttons sit before the control, so they are never a focus target.
+const focusTargetOf = (fieldElement: HTMLElement): HTMLElement | null => {
+  const candidates = [
+    ...fieldElement.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR),
+  ].filter(element => element.dataset.slot !== AUTO_FORM_TIP_SLOT);
+
+  return (
+    candidates.find(
+      element => element.getAttribute("aria-invalid") === "true",
+    ) ??
+    candidates[0] ??
+    null
+  );
+};
 
 // Mirrors SHAKE_KEYFRAMES in lib/motion, run through WAAPI so the form does
 // not pull motion's animation engine into every bundle that renders it.
diff --git a/packages/vitnode/src/components/form/common/label.tsx b/packages/vitnode/src/components/form/common/label.tsx
index 83803e87b7..705cc7e083 100644
--- a/packages/vitnode/src/components/form/common/label.tsx
+++ b/packages/vitnode/src/components/form/common/label.tsx
@@ -4,42 +4,81 @@ import { useTranslations } from "use-intl";
 import { FieldLabel } from "@/components/ui/field";
 import { useFormField } from "@/components/ui/form";
 
+import { AutoFormTip, hasTipContent } from "./tip";
+
 /**
  * A form field's label, linked to the field's control by id. Render it inside
  * a form field, above the control, in a custom field component.
+ *
+ * With a `tip`, the label sits in a row with a help button right after it,
+ * then the "optional" hint and `labelRight`. The button is a sibling of the
+ * `label`, so pressing it never focuses or toggles the control.
  */
 export const AutoFormLabel = ({
   children,
   labelRight,
   className,
   isOptional,
+  tip,
   ...props
 }: React.ComponentProps<typeof FieldLabel> & {
   /** Appends the translated "optional" hint after the label. */
   isOptional?: boolean;
   /** Content pushed to the end of the label row, e.g. a language switcher. */
   labelRight?: React.ReactNode;
+  /** Extra help opened from a question-mark button beside the label. Empty content renders no button. */
+  tip?: React.ReactNode;
 }) => {
   const t = useTranslations("core.global");
   const { formItemId } = useFormField();
+  const labelId = props.id ?? `${formItemId}-label`;
+
+  if (!hasTipContent(tip)) {
+    return (
+      <FieldLabel
+        className={cn(
+          {
+            "flex flex-wrap items-center": labelRight,
+          },
+          className,
+        )}
+        htmlFor={formItemId}
+        id={labelId}
+        {...props}
+      >
+        {children}
+        {isOptional && (
+          <span className="text-muted-foreground text-xs">{t("optional")}</span>
+        )}
+        {!!labelRight && <span className="ms-auto">{labelRight}</span>}
+      </FieldLabel>
+    );
+  }
 
   return (
-    <FieldLabel
-      className={cn(
-        {
-          "flex flex-wrap items-center": labelRight,
-        },
-        className,
-      )}
-      htmlFor={formItemId}
-      id={`${formItemId}-label`}
-      {...props}
+    <div
+      className="flex flex-wrap items-center gap-x-2 gap-y-1"
+      data-slot="auto-form-label-row"
     >
-      {children}
-      {isOptional && (
-        <span className="text-muted-foreground text-xs">{t("optional")}</span>
-      )}
+      {/* A long label wraps its own text, so the icon never drops to a line of its own. */}
+      <div className="flex min-w-0 items-center gap-2">
+        <FieldLabel
+          className={cn("min-w-0", className)}
+          htmlFor={formItemId}
+          id={labelId}
+          {...props}
+        >
+          {children}
+          {isOptional && <span className="sr-only">{t("optional")}</span>}
+        </FieldLabel>
+        <AutoFormTip labelId={labelId}>{tip}</AutoFormTip>
+        {isOptional && (
+          <span aria-hidden className="text-muted-foreground shrink-0 text-xs">
+            {t("optional")}
+          </span>
+        )}
+      </div>
       {!!labelRight && <span className="ms-auto">{labelRight}</span>}
-    </FieldLabel>
+    </div>
   );
 };
diff --git a/packages/vitnode/src/components/form/common/tip.test.ts b/packages/vitnode/src/components/form/common/tip.test.ts
new file mode 100644
index 0000000000..24535d0524
--- /dev/null
+++ b/packages/vitnode/src/components/form/common/tip.test.ts
@@ -0,0 +1,24 @@
+import { createElement } from "react";
+import { describe, expect, it } from "vitest";
+
+import { hasTipContent } from "./tip";
+
+describe("hasTipContent", () => {
+  it.each([
+    { name: "undefined", tip: undefined, expected: false },
+    { name: "null", tip: null, expected: false },
+    { name: "false", tip: false, expected: false },
+    { name: "true", tip: true, expected: false },
+    { name: "an empty string", tip: "", expected: false },
+    { name: "a blank string", tip: "   ", expected: false },
+    { name: "text", tip: "Shown in search results", expected: true },
+    { name: "zero", tip: 0, expected: true },
+    {
+      name: "an element",
+      tip: createElement("strong", null, "Heads up"),
+      expected: true,
+    },
+  ])("$name -> $expected", ({ tip, expected }) => {
+    expect(hasTipContent(tip)).toBe(expected);
+  });
+});
diff --git a/packages/vitnode/src/components/form/common/tip.tsx b/packages/vitnode/src/components/form/common/tip.tsx
new file mode 100644
index 0000000000..21d111febe
--- /dev/null
+++ b/packages/vitnode/src/components/form/common/tip.tsx
@@ -0,0 +1,74 @@
+import { cn } from "cn";
+import { CircleQuestionMarkIcon } from "lucide-react";
+import { useId } from "react";
+import { useTranslations } from "use-intl";
+
+import { Popover, PopoverContent, PopoverTrigger } from "../../ui/popover";
+
+const TIP_OPEN_DELAY = 200;
+const TIP_CLOSE_DELAY = 100;
+
+/** `data-slot` of the {@link AutoFormTip} button, so form focus logic can skip it. */
+export const AUTO_FORM_TIP_SLOT = "auto-form-tip";
+
+/** Whether `tip` has something to show - `null`, `false` and blank strings do not. */
+export const hasTipContent = (tip: React.ReactNode): boolean => {
+  if (tip === null || tip === undefined || typeof tip === "boolean") {
+    return false;
+  }
+
+  return typeof tip !== "string" || tip.trim() !== "";
+};
+
+/**
+ * A small question-mark button that opens extra help about a form field in a
+ * popover - on hover (after 200ms), click, tap, or Enter/Space; Escape or a
+ * click outside closes it. Renders nothing when `children` is empty.
+ *
+ * Built-in `AutoForm` fields render it beside the label from their `tip` prop;
+ * use it directly only in a custom label.
+ */
+export const AutoFormTip = ({
+  children,
+  className,
+  labelId,
+}: {
+  /** The help content. Translate it in the UI language before passing it. */
+  children?: React.ReactNode;
+  className?: string;
+  /** Id of the field's label, appended to the button's accessible name, e.g. "More information Title". */
+  labelId?: string;
+}) => {
+  const t = useTranslations("core.global");
+  const id = useId();
+
+  if (!hasTipContent(children)) return null;
+
+  return (
+    <Popover>
+      <PopoverTrigger
+        aria-labelledby={labelId ? `${id} ${labelId}` : undefined}
+        className={cn(
+          "text-muted-foreground hover:text-foreground focus-visible:ring-ring/50 data-popup-open:text-foreground relative inline-flex size-5 shrink-0 items-center justify-center rounded-full transition-colors outline-none after:absolute after:-inset-2 focus-visible:ring-3 motion-reduce:transition-none",
+          className,
+        )}
+        closeDelay={TIP_CLOSE_DELAY}
+        data-slot={AUTO_FORM_TIP_SLOT}
+        delay={TIP_OPEN_DELAY}
+        id={id}
+        openOnHover
+        type="button"
+      >
+        <CircleQuestionMarkIcon aria-hidden className="size-4" />
+        <span className="sr-only">{t("field_tip")}</span>
+      </PopoverTrigger>
+
+      <PopoverContent
+        className="w-max max-w-[min(--spacing(72),var(--available-width))] gap-2 p-3 leading-relaxed text-pretty wrap-break-word"
+        side="top"
+      >
+        {children}
+      </PopoverContent>
+    </Popover>
+  );
+};
diff --git a/packages/vitnode/src/components/form/fields/array.tsx b/packages/vitnode/src/components/form/fields/array.tsx
index 5e684d5597..8f493c49c3 100644
--- a/packages/vitnode/src/components/form/fields/array.tsx
+++ b/packages/vitnode/src/components/form/fields/array.tsx
@@ -25,6 +25,7 @@ import {
   useFormField,
 } from "../../ui/form";
 import { AutoFormFieldSlot } from "../auto-form";
+import { AutoFormTip, hasTipContent } from "../common/tip";
 
 const reconcileRowKeys = (previous: number[], length: number): number[] => {
   if (previous.length >= length) {
@@ -82,8 +83,11 @@ export const AutoFormArray = ({
   className,
   itemParams,
   otherProps,
+  tip,
 }: AutoFormArrayProps) => {
   const { form } = useFormApi();
+  const legendId = React.useId();
+  const withTip = !!label && hasTipContent(tip);
   const { errors } = useFormField();
   const t = useTranslations("core.global");
   const id = parentField.name;
@@ -113,8 +117,20 @@ export const AutoFormArray = ({
   const canAdd = !maxItems || length < maxItems;
 
   return (
-    <FieldSet className={cn("gap-4", className)}>
-      {!!label && <FieldLegend variant="label">{label}</FieldLegend>}
+    <FieldSet
+      // The legend also holds the help button; name the group by its text only.
+      aria-labelledby={withTip ? legendId : undefined}
+      className={cn("gap-4", className)}
+    >
+      {!!label &&
+        (withTip ? (
+          <FieldLegend className="flex items-center gap-2" variant="label">
+            <span id={legendId}>{label}</span>
+            <AutoFormTip labelId={legendId}>{tip}</AutoFormTip>
+          </FieldLegend>
+        ) : (
+          <FieldLegend variant="label">{label}</FieldLegend>
+        ))}
       {!!description && <FieldDescription>{description}</FieldDescription>}
 
       <FieldGroup className="gap-4">
diff --git a/packages/vitnode/src/components/form/fields/cascader.tsx b/packages/vitnode/src/components/form/fields/cascader.tsx
index 7290d858a8..23b5805b28 100644
--- a/packages/vitnode/src/components/form/fields/cascader.tsx
+++ b/packages/vitnode/src/components/form/fields/cascader.tsx
@@ -18,6 +18,7 @@ export const AutoFormCascader = ({
   label,
   labelRight,
   description,
+  tip,
   otherProps: { isOptional },
   field,
   options,
@@ -34,7 +35,7 @@ export const AutoFormCascader = ({
   Omit<CascaderProps, "defaultValue" | "value">) => (
   <>
     {!!label && (
-      <AutoFormLabel isOptional={isOptional} labelRight={labelRight}>
+      <AutoFormLabel isOptional={isOptional} labelRight={labelRight} tip={tip}>
         {label}
       </AutoFormLabel>
     )}
diff --git a/packages/vitnode/src/components/form/fields/checkbox.tsx b/packages/vitnode/src/components/form/fields/checkbox.tsx
index a48e1d99f8..187d2aed0b 100644
--- a/packages/vitnode/src/components/form/fields/checkbox.tsx
+++ b/packages/vitnode/src/components/form/fields/checkbox.tsx
@@ -12,6 +12,7 @@ export const AutoFormCheckbox = ({
   label,
   labelRight,
   description,
+  tip,
   otherProps: { isOptional },
   field,
   className,
@@ -46,7 +47,11 @@ export const AutoFormCheckbox = ({
       {!!(label ?? description) && (
         <div className="space-y-1 leading-none">
           {!!label && (
-            <AutoFormLabel isOptional={isOptional} labelRight={labelRight}>
+            <AutoFormLabel
+              isOptional={isOptional}
+              labelRight={labelRight}
+              tip={tip}
+            >
               {label}
             </AutoFormLabel>
           )}
diff --git a/packages/vitnode/src/components/form/fields/color.tsx b/packages/vitnode/src/components/form/fields/color.tsx
index 22060cb1d9..d146365f11 100644
--- a/packages/vitnode/src/components/form/fields/color.tsx
+++ b/packages/vitnode/src/components/form/fields/color.tsx
@@ -18,6 +18,7 @@ export const AutoFormColor = ({
   label,
   labelRight,
   description,
+  tip,
   otherProps: { isOptional },
   field,
   // oxlint-disable-next-line no-unused-vars
@@ -32,7 +33,11 @@ export const AutoFormColor = ({
   return (
     <>
       {!!label && (
-        <AutoFormLabel isOptional={isOptional} labelRight={labelRight}>
+        <AutoFormLabel
+          isOptional={isOptional}
+          labelRight={labelRight}
+          tip={tip}
+        >
           {label}
         </AutoFormLabel>
       )}
diff --git a/packages/vitnode/src/components/form/fields/combobox.tsx b/packages/vitnode/src/components/form/fields/combobox.tsx
index 3ca4aa6606..50056eea62 100644
--- a/packages/vitnode/src/components/form/fields/combobox.tsx
+++ b/packages/vitnode/src/components/form/fields/combobox.tsx
@@ -353,6 +353,7 @@ export const AutoFormCombobox = ({
   labels = [],
   labelRight,
   maxVisibleChips,
+  tip,
   onValueChange,
   onInputValueChange,
   disabled,
@@ -404,6 +405,7 @@ export const AutoFormCombobox = ({
         <AutoFormLabel
           isOptional={otherProps.isOptional}
           labelRight={labelRight}
+          tip={tip}
         >
           {label}
         </AutoFormLabel>
diff --git a/packages/vitnode/src/components/form/fields/date-picker.tsx b/packages/vitnode/src/components/form/fields/date-picker.tsx
index bec47c9c63..c12f7fa1c1 100644
--- a/packages/vitnode/src/components/form/fields/date-picker.tsx
+++ b/packages/vitnode/src/components/form/fields/date-picker.tsx
@@ -18,6 +18,7 @@ export const AutoFormDatePicker = ({
   label,
   labelRight,
   description,
+  tip,
   field,
   onChange,
   allowClear,
@@ -36,7 +37,7 @@ export const AutoFormDatePicker = ({
   }) => (
   <>
     {!!label && (
-      <AutoFormLabel isOptional={isOptional} labelRight={labelRight}>
+      <AutoFormLabel isOptional={isOptional} labelRight={labelRight} tip={tip}>
         {label}
       </AutoFormLabel>
     )}
diff --git a/packages/vitnode/src/components/form/fields/date-time.tsx b/packages/vitnode/src/components/form/fields/date-time.tsx
index 7d3e47fca4..cdfb7cf8e7 100644
--- a/packages/vitnode/src/components/form/fields/date-time.tsx
+++ b/packages/vitnode/src/components/form/fields/date-time.tsx
@@ -31,6 +31,7 @@ export const AutoFormDateTime = ({
   label,
   labelRight,
   description,
+  tip,
   field,
   // oxlint-disable-next-line no-unused-vars
   itemParams,
@@ -49,7 +50,11 @@ export const AutoFormDateTime = ({
   return (
     <>
       {!!label && (
-        <AutoFormLabel isOptional={isOptional} labelRight={labelRight}>
+        <AutoFormLabel
+          isOptional={isOptional}
+          labelRight={labelRight}
+          tip={tip}
+        >
           {label}
         </AutoFormLabel>
       )}
diff --git a/packages/vitnode/src/components/form/fields/editor.tsx b/packages/vitnode/src/components/form/fields/editor.tsx
index 6eac437e4c..96aadc7eeb 100644
--- a/packages/vitnode/src/components/form/fields/editor.tsx
+++ b/packages/vitnode/src/components/form/fields/editor.tsx
@@ -68,6 +68,7 @@ const MultiLangEditorLayout = ({
   languages,
   onSelect,
   selected,
+  tip,
 }: {
   canSelect: boolean;
   children: React.ReactNode;
@@ -78,6 +79,7 @@ const MultiLangEditorLayout = ({
   languages: React.ComponentProps<typeof MultiLangLabel>["languages"];
   onSelect: (code: string) => void;
   selected: string;
+  tip?: React.ReactNode;
 }) => (
   <>
     <MultiLangLabel
@@ -88,6 +90,7 @@ const MultiLangEditorLayout = ({
       languages={languages}
       onSelect={onSelect}
       selected={selected}
+      tip={tip}
     />
 
     <FormControl>
@@ -107,6 +110,7 @@ const MultiLangHtmlEditor = ({
   description,
   isOptional,
   field,
+  tip,
   ...props
 }: MultiLangEditorProps<MultiLangFieldProps["field"]>) => {
   const {
@@ -129,6 +133,7 @@ const MultiLangHtmlEditor = ({
       languages={languages}
       onSelect={setSelected}
       selected={selected}
+      tip={tip}
     >
       <Editor
         aria-labelledby={labelledBy}
@@ -148,6 +153,7 @@ const MultiLangJsonEditor = ({
   description,
   isOptional,
   field,
+  tip,
   ...props
 }: MultiLangEditorProps<
   FormFieldApi<MultiLangValue<null | RichTextDocument> | undefined>
@@ -175,6 +181,7 @@ const MultiLangJsonEditor = ({
       languages={languages}
       onSelect={setSelected}
       selected={selected}
+      tip={tip}
     >
       {collaborative ? (
         <CollaborativeEditorSlot
@@ -218,6 +225,7 @@ export const AutoFormEditor = ({
   // oxlint-disable-next-line no-unused-vars
   itemParams,
   multiLang,
+  tip,
   ...props
 }: AutoFormEditorProps) => {
   const labelledBy = useEditorLabelledBy(label);
@@ -231,6 +239,7 @@ export const AutoFormEditor = ({
         isOptional={isOptional}
         label={label}
         labelRight={labelRight}
+        tip={tip}
         {...props}
       />
     );
@@ -244,6 +253,7 @@ export const AutoFormEditor = ({
         isOptional={isOptional}
         label={label}
         labelRight={labelRight}
+        tip={tip}
         {...props}
       />
     );
@@ -252,7 +262,11 @@ export const AutoFormEditor = ({
   return (
     <>
       {!!label && (
-        <AutoFormLabel isOptional={isOptional} labelRight={labelRight}>
+        <AutoFormLabel
+          isOptional={isOptional}
+          labelRight={labelRight}
+          tip={tip}
+        >
           {label}
         </AutoFormLabel>
       )}
diff --git a/packages/vitnode/src/components/form/fields/emoji-icon.tsx b/packages/vitnode/src/components/form/fields/emoji-icon.tsx
index 66dfb811df..f896e2b8eb 100644
--- a/packages/vitnode/src/components/form/fields/emoji-icon.tsx
+++ b/packages/vitnode/src/components/form/fields/emoji-icon.tsx
@@ -18,6 +18,7 @@ export const AutoFormEmojiIcon = ({
   label,
   labelRight,
   description,
+  tip,
   otherProps: { isOptional },
   field,
   // oxlint-disable-next-line no-unused-vars
@@ -30,7 +31,11 @@ export const AutoFormEmojiIcon = ({
   return (
     <>
       {!!label && (
-        <AutoFormLabel isOptional={isOptional} labelRight={labelRight}>
+        <AutoFormLabel
+          isOptional={isOptional}
+          labelRight={labelRight}
+          tip={tip}
+        >
           {label}
         </AutoFormLabel>
       )}
diff --git a/packages/vitnode/src/components/form/fields/file.tsx b/packages/vitnode/src/components/form/fields/file.tsx
index 6345149a38..67cfd18744 100644
--- a/packages/vitnode/src/components/form/fields/file.tsx
+++ b/packages/vitnode/src/components/form/fields/file.tsx
@@ -193,6 +193,7 @@ export const AutoFormFile = ({
   maxBytes,
   onUpload,
   otherProps: { isOptional },
+  tip,
   // Only the language-aware inputs implement this - dropped here so it never
   // lands on the DOM element below. A file is never localized.
   // oxlint-disable-next-line no-unused-vars
@@ -249,6 +250,8 @@ export const AutoFormFile = ({
           className={cn(cover && "sr-only")}
           isOptional={isOptional}
           labelRight={labelRight}
+          // A cover hides the label visually; a lone help icon would read as noise.
+          tip={cover ? undefined : tip}
         >
           {label}
         </AutoFormLabel>
diff --git a/packages/vitnode/src/components/form/fields/files.tsx b/packages/vitnode/src/components/form/fields/files.tsx
index 0d7112e594..877daa629b 100644
--- a/packages/vitnode/src/components/form/fields/files.tsx
+++ b/packages/vitnode/src/components/form/fields/files.tsx
@@ -70,6 +70,7 @@ export const AutoFormFiles = ({
   onUpload,
   ordered = true,
   otherProps: { isOptional },
+  tip,
   // Only the language-aware inputs implement this - dropped here so it never
   // lands on the DOM element below. A file is never localized.
   // oxlint-disable-next-line no-unused-vars
@@ -263,7 +264,11 @@ export const AutoFormFiles = ({
   return (
     <>
       {!!label && (
-        <AutoFormLabel isOptional={isOptional} labelRight={labelRight}>
+        <AutoFormLabel
+          isOptional={isOptional}
+          labelRight={labelRight}
+          tip={tip}
+        >
           {label}
         </AutoFormLabel>
       )}
diff --git a/packages/vitnode/src/components/form/fields/input-otp.tsx b/packages/vitnode/src/components/form/fields/input-otp.tsx
index 8ebca9869a..308f4adeb9 100644
--- a/packages/vitnode/src/components/form/fields/input-otp.tsx
+++ b/packages/vitnode/src/components/form/fields/input-otp.tsx
@@ -42,6 +42,7 @@ export const AutoFormInputOTP = ({
   label,
   labelRight,
   description,
+  tip,
   otherProps,
   field,
   groups,
@@ -68,6 +69,7 @@ export const AutoFormInputOTP = ({
         <AutoFormLabel
           isOptional={otherProps.isOptional}
           labelRight={labelRight}
+          tip={tip}
         >
           {label}
         </AutoFormLabel>
diff --git a/packages/vitnode/src/components/form/fields/input-roles.tsx b/packages/vitnode/src/components/form/fields/input-roles.tsx
index 4307f96528..fb2891541c 100644
--- a/packages/vitnode/src/components/form/fields/input-roles.tsx
+++ b/packages/vitnode/src/components/form/fields/input-roles.tsx
@@ -74,6 +74,7 @@ export const AutoFormRoles = ({
   search,
   searchPlaceholder,
   selected = [],
+  tip,
 }: AutoFormRolesProps) => {
   const t = useTranslations("core.global");
   const locale = useLocale();
@@ -102,7 +103,11 @@ export const AutoFormRoles = ({
   };
 
   const label_ = !!label && (
-    <AutoFormLabel isOptional={otherProps.isOptional} labelRight={labelRight}>
+    <AutoFormLabel
+      isOptional={otherProps.isOptional}
+      labelRight={labelRight}
+      tip={tip}
+    >
       {label}
     </AutoFormLabel>
   );
diff --git a/packages/vitnode/src/components/form/fields/input-users.tsx b/packages/vitnode/src/components/form/fields/input-users.tsx
index 8d09b08495..a3f629a6bd 100644
--- a/packages/vitnode/src/components/form/fields/input-users.tsx
+++ b/packages/vitnode/src/components/form/fields/input-users.tsx
@@ -113,6 +113,7 @@ export const AutoFormUser = ({
   search,
   searchPlaceholder,
   selected,
+  tip,
 }: ItemAutoFormComponentProps & {
   className?: string;
   /** Adds a button that sets the field back to `null`. */
@@ -144,6 +145,7 @@ export const AutoFormUser = ({
         <AutoFormLabel
           isOptional={otherProps.isOptional}
           labelRight={labelRight}
+          tip={tip}
         >
           {label}
         </AutoFormLabel>
diff --git a/packages/vitnode/src/components/form/fields/input.tsx b/packages/vitnode/src/components/form/fields/input.tsx
index 05b30b43e0..dc5cc3ec28 100644
--- a/packages/vitnode/src/components/form/fields/input.tsx
+++ b/packages/vitnode/src/components/form/fields/input.tsx
@@ -22,6 +22,7 @@ const MultiLangInput = ({
   label,
   labelRight,
   description,
+  tip,
   isOptional,
   field,
   itemParams,
@@ -55,6 +56,7 @@ const MultiLangInput = ({
         languages={languages}
         onSelect={setSelected}
         selected={selected}
+        tip={tip}
       />
 
       <FormControl>
@@ -96,6 +98,7 @@ export const AutoFormInput = ({
   label,
   labelRight,
   description,
+  tip,
   otherProps,
   field,
   itemParams,
@@ -112,6 +115,7 @@ export const AutoFormInput = ({
         itemParams={itemParams}
         label={label}
         labelRight={labelRight}
+        tip={tip}
         {...props}
       />
     );
@@ -122,7 +126,11 @@ export const AutoFormInput = ({
   return (
     <>
       {!!label && (
-        <AutoFormLabel isOptional={isOptional} labelRight={labelRight}>
+        <AutoFormLabel
+          isOptional={isOptional}
+          labelRight={labelRight}
+          tip={tip}
+        >
           {label}
         </AutoFormLabel>
       )}
diff --git a/packages/vitnode/src/components/form/fields/multi-lang.tsx b/packages/vitnode/src/components/form/fields/multi-lang.tsx
index 5ac08312bd..92ffb798f6 100644
--- a/packages/vitnode/src/components/form/fields/multi-lang.tsx
+++ b/packages/vitnode/src/components/form/fields/multi-lang.tsx
@@ -22,6 +22,7 @@ import {
 } from "@/lib/helpers/multi-lang";
 
 import { AutoFormLabel } from "../common/label";
+import { hasTipContent } from "../common/tip";
 import { useMultiLangDefaultLanguage } from "./multi-lang-default-language";
 import {
   MultiLangSelectedContext,
@@ -183,8 +184,9 @@ export const MultiLangSelect = ({
 };
 
 /**
- * A multi-language field's label row: the label, plus the language switcher
- * when `canSelect`. Renders nothing without either.
+ * A multi-language field's label row: the label (with its `tip`), plus the
+ * language switcher when `canSelect`. Renders nothing without either. The tip
+ * is one per field, not per language - pass it in the UI language.
  */
 export const MultiLangLabel = ({
   canSelect,
@@ -194,19 +196,21 @@ export const MultiLangLabel = ({
   languages,
   onSelect,
   selected,
+  tip,
 }: React.ComponentProps<typeof MultiLangSelect> & {
   canSelect: boolean;
   isOptional?: boolean;
   label?: React.ReactNode;
   labelRight?: React.ReactNode;
+  tip?: React.ReactNode;
 }) => {
   if (!label && !canSelect) return null;
 
   return (
-    <div className="flex items-center gap-2">
+    <div className="flex items-center gap-2 *:data-[slot=auto-form-label-row]:flex-1">
       {!!label && (
         <AutoFormLabel
-          className="flex-1"
+          className={hasTipContent(tip) ? undefined : "flex-1"}
           isOptional={isOptional}
           labelRight={
             labelRight ? (
@@ -215,6 +219,7 @@ export const MultiLangLabel = ({
               </MultiLangSelectedContext>
             ) : undefined
           }
+          tip={tip}
         >
           {label}
         </AutoFormLabel>
diff --git a/packages/vitnode/src/components/form/fields/nullable-number.tsx b/packages/vitnode/src/components/form/fields/nullable-number.tsx
index b7edfebb9f..b6d117a666 100644
--- a/packages/vitnode/src/components/form/fields/nullable-number.tsx
+++ b/packages/vitnode/src/components/form/fields/nullable-number.tsx
@@ -40,6 +40,7 @@ export const AutoFormNullableNumber = ({
   label,
   labelRight,
   description,
+  tip,
   field,
   otherProps: { isOptional },
   // oxlint-disable-next-line no-unused-vars
@@ -66,7 +67,11 @@ export const AutoFormNullableNumber = ({
   return (
     <>
       {!!label && (
-        <AutoFormLabel isOptional={isOptional} labelRight={labelRight}>
+        <AutoFormLabel
+          isOptional={isOptional}
+          labelRight={labelRight}
+          tip={tip}
+        >
           {label}
         </AutoFormLabel>
       )}
diff --git a/packages/vitnode/src/components/form/fields/number.tsx b/packages/vitnode/src/components/form/fields/number.tsx
index 69e9274e72..fa0a2a12c4 100644
--- a/packages/vitnode/src/components/form/fields/number.tsx
+++ b/packages/vitnode/src/components/form/fields/number.tsx
@@ -38,6 +38,7 @@ export const AutoFormNumber = ({
   multiLang,
   otherProps: { isOptional },
   placeholder,
+  tip,
   unitLabel,
   ...props
 }: AutoFormNumberProps) => {
@@ -46,7 +47,11 @@ export const AutoFormNumber = ({
   return (
     <>
       {!!label && (
-        <AutoFormLabel isOptional={isOptional} labelRight={labelRight}>
+        <AutoFormLabel
+          isOptional={isOptional}
+          labelRight={labelRight}
+          tip={tip}
+        >
           {label}
         </AutoFormLabel>
       )}
diff --git a/packages/vitnode/src/components/form/fields/radio-group.tsx b/packages/vitnode/src/components/form/fields/radio-group.tsx
index 5a7211ac48..4ba9f5c455 100644
--- a/packages/vitnode/src/components/form/fields/radio-group.tsx
+++ b/packages/vitnode/src/components/form/fields/radio-group.tsx
@@ -36,6 +36,7 @@ export const AutoFormRadioGroup = ({
   description,
   otherProps: { enum: enumValues = [], isOptional },
   labels = [],
+  tip,
   variant = "default",
   ...props
 }: ItemAutoFormComponentProps &
@@ -59,7 +60,11 @@ export const AutoFormRadioGroup = ({
   return (
     <>
       {!!label && (
-        <AutoFormLabel isOptional={isOptional} labelRight={labelRight}>
+        <AutoFormLabel
+          isOptional={isOptional}
+          labelRight={labelRight}
+          tip={tip}
+        >
           {label}
         </AutoFormLabel>
       )}
diff --git a/packages/vitnode/src/components/form/fields/select.tsx b/packages/vitnode/src/components/form/fields/select.tsx
index d9f85114fe..f118983bf7 100644
--- a/packages/vitnode/src/components/form/fields/select.tsx
+++ b/packages/vitnode/src/components/form/fields/select.tsx
@@ -34,6 +34,7 @@ export const AutoFormSelect = ({
   placeholder,
   labelRight,
   labels = [],
+  tip,
   ...props
 }: ItemAutoFormComponentProps &
   Omit<React.ComponentProps<typeof Select>, "value"> & {
@@ -54,7 +55,11 @@ export const AutoFormSelect = ({
   return (
     <>
       {!!label && (
-        <AutoFormLabel isOptional={isOptional} labelRight={labelRight}>
+        <AutoFormLabel
+          isOptional={isOptional}
+          labelRight={labelRight}
+          tip={tip}
+        >
           {label}
         </AutoFormLabel>
       )}
diff --git a/packages/vitnode/src/components/form/fields/switch.tsx b/packages/vitnode/src/components/form/fields/switch.tsx
index c69d1045ef..6ea670aa69 100644
--- a/packages/vitnode/src/components/form/fields/switch.tsx
+++ b/packages/vitnode/src/components/form/fields/switch.tsx
@@ -31,6 +31,7 @@ export const AutoFormSwitch = ({
   otherProps: { isOptional },
   className,
   description,
+  tip,
   ...props
 }: ItemAutoFormComponentProps &
   Omit<React.ComponentProps<typeof Switch>, "checked">) => {
@@ -64,6 +65,7 @@ export const AutoFormSwitch = ({
                 id={labelId}
                 isOptional={isOptional}
                 labelRight={labelRight}
+                tip={tip}
               >
                 {label}
               </AutoFormLabel>
diff --git a/packages/vitnode/src/components/form/fields/textarea.tsx b/packages/vitnode/src/components/form/fields/textarea.tsx
index 79bd997740..8ce8e7e73a 100644
--- a/packages/vitnode/src/components/form/fields/textarea.tsx
+++ b/packages/vitnode/src/components/form/fields/textarea.tsx
@@ -26,6 +26,7 @@ const MultiLangTextarea = ({
   label,
   labelRight,
   description,
+  tip,
   isOptional,
   field,
   itemParams,
@@ -57,6 +58,7 @@ const MultiLangTextarea = ({
         languages={languages}
         onSelect={setSelected}
         selected={selected}
+        tip={tip}
       />
 
       <FormControl>
@@ -90,6 +92,7 @@ export const AutoFormTextarea = ({
   label,
   description,
   labelRight,
+  tip,
   otherProps,
   field,
   itemParams,
@@ -106,6 +109,7 @@ export const AutoFormTextarea = ({
         itemParams={itemParams}
         label={label}
         labelRight={labelRight}
+        tip={tip}
         {...props}
       />
     );
@@ -116,7 +120,11 @@ export const AutoFormTextarea = ({
   return (
     <>
       {!!label && (
-        <AutoFormLabel isOptional={isOptional} labelRight={labelRight}>
+        <AutoFormLabel
+          isOptional={isOptional}
+          labelRight={labelRight}
+          tip={tip}
+        >
           {label}
         </AutoFormLabel>
       )}
diff --git a/packages/vitnode/src/components/tiptap/suggestion-popup.ts b/packages/vitnode/src/components/tiptap/suggestion-popup.ts
index 843b0233c7..1ff844bb31 100644
--- a/packages/vitnode/src/components/tiptap/suggestion-popup.ts
+++ b/packages/vitnode/src/components/tiptap/suggestion-popup.ts
@@ -5,7 +5,7 @@ import React from "react";
 export const SUGGESTION_POPUP_WRAPPER_CLASS = "group/suggestion z-50";
 
 export const SUGGESTION_POPUP_CLASS =
-  "bg-popover text-popover-foreground ring-foreground/10 animate-in fade-in-0 zoom-in-95 w-72 rounded-lg shadow-md ring-1 duration-100 motion-reduce:animate-none origin-top-left rtl:origin-top-right group-data-[side=top]/suggestion:origin-bottom-left rtl:group-data-[side=top]/suggestion:origin-bottom-right";
+  "bg-popover/80 text-popover-foreground ring-foreground/10 backdrop-blur-sm animate-in fade-in-0 zoom-in-95 w-72 rounded-lg shadow-md ring-1 duration-100 motion-reduce:animate-none origin-top-left rtl:origin-top-right group-data-[side=top]/suggestion:origin-bottom-left rtl:group-data-[side=top]/suggestion:origin-bottom-right";
 
 export const mountSuggestionPopup = (
   mount: SuggestionProps["mount"],
diff --git a/packages/vitnode/src/components/ui/combobox.tsx b/packages/vitnode/src/components/ui/combobox.tsx
index 98376272f6..71a9b7b771 100644
--- a/packages/vitnode/src/components/ui/combobox.tsx
+++ b/packages/vitnode/src/components/ui/combobox.tsx
@@ -124,7 +124,7 @@ function ComboboxContent({
       >
         <ComboboxPrimitive.Popup
           className={cn(
-            "group/combobox-content bg-popover text-popover-foreground ring-foreground/10 *:data-[slot=input-group]:border-input/30 *:data-[slot=input-group]:bg-input/30 ease-fluid relative max-h-(--available-height) w-(--anchor-width) max-w-(--available-width) min-w-[calc(var(--anchor-width)+--spacing(7))] origin-(--transform-origin) overflow-hidden rounded-lg shadow-lg ring-1 transition-[opacity,scale] duration-150 data-ending-style:scale-95 data-ending-style:opacity-0 data-ending-style:duration-100 data-starting-style:scale-95 data-starting-style:opacity-0 data-[chips=true]:min-w-(--anchor-width) *:data-[slot=input-group]:m-1 *:data-[slot=input-group]:mb-0 *:data-[slot=input-group]:h-8 *:data-[slot=input-group]:shadow-none motion-reduce:transition-none",
+            "group/combobox-content bg-popover/80 text-popover-foreground ring-foreground/10 *:data-[slot=input-group]:border-input/30 *:data-[slot=input-group]:bg-input/30 ease-fluid relative max-h-(--available-height) w-(--anchor-width) max-w-(--available-width) min-w-[calc(var(--anchor-width)+--spacing(7))] origin-(--transform-origin) overflow-hidden rounded-lg shadow-lg ring-1 backdrop-blur-sm transition-[opacity,scale] duration-150 data-ending-style:scale-95 data-ending-style:opacity-0 data-ending-style:duration-100 data-starting-style:scale-95 data-starting-style:opacity-0 data-[chips=true]:min-w-(--anchor-width) *:data-[slot=input-group]:m-1 *:data-[slot=input-group]:mb-0 *:data-[slot=input-group]:h-8 *:data-[slot=input-group]:shadow-none motion-reduce:transition-none",
             className,
           )}
           data-chips={!!anchor}
diff --git a/packages/vitnode/src/components/ui/command.tsx b/packages/vitnode/src/components/ui/command.tsx
index 5960db1d0e..f6240c897c 100644
--- a/packages/vitnode/src/components/ui/command.tsx
+++ b/packages/vitnode/src/components/ui/command.tsx
@@ -20,7 +20,7 @@ function Command({
   return (
     <CommandPrimitive
       className={cn(
-        "bg-popover text-popover-foreground flex size-full flex-col overflow-hidden rounded-xl p-1",
+        "bg-popover text-popover-foreground flex size-full flex-col overflow-hidden rounded-xl p-1 in-data-[slot=dialog-content]:bg-transparent in-data-[slot=popover-content]:bg-transparent",
         className,
       )}
       data-slot="command"
@@ -51,7 +51,7 @@ function CommandDialog({
     <Dialog {...props}>
       <DialogContent
         className={cn(
-          "top-1/3 max-h-[calc(66.667vh-2rem)] translate-y-0 grid-rows-[minmax(0,1fr)] overflow-hidden rounded-xl p-0 sm:max-h-[calc(66.667vh-5rem)]",
+          "bg-popover/80 top-1/3 max-h-[calc(66.667vh-2rem)] translate-y-0 grid-rows-[minmax(0,1fr)] overflow-hidden rounded-xl p-0 backdrop-blur-sm sm:max-h-[calc(66.667vh-5rem)]",
           className,
         )}
         showCloseButton={showCloseButton}
diff --git a/packages/vitnode/src/components/ui/context-menu.tsx b/packages/vitnode/src/components/ui/context-menu.tsx
index d04182401a..706091177b 100644
--- a/packages/vitnode/src/components/ui/context-menu.tsx
+++ b/packages/vitnode/src/components/ui/context-menu.tsx
@@ -85,7 +85,7 @@ function ContextMenuContent({
       >
         <ContextMenuPrimitive.Popup
           className={cn(
-            "bg-popover text-popover-foreground ring-foreground/10 ease-fluid z-50 max-h-(--available-height) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto overscroll-contain rounded-lg p-1 shadow-lg ring-1 transition-[opacity,scale] duration-150 outline-none data-ending-style:scale-95 data-ending-style:opacity-0 data-ending-style:duration-100 data-instant:transition-none data-starting-style:scale-95 data-starting-style:opacity-0 motion-reduce:transition-none",
+            "bg-popover/80 text-popover-foreground ring-foreground/10 ease-fluid z-50 max-h-(--available-height) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto overscroll-contain rounded-lg p-1 shadow-lg ring-1 backdrop-blur-sm transition-[opacity,scale] duration-150 outline-none data-ending-style:scale-95 data-ending-style:opacity-0 data-ending-style:duration-100 data-instant:transition-none data-starting-style:scale-95 data-starting-style:opacity-0 motion-reduce:transition-none",
             className,
           )}
           data-slot="context-menu-content"
@@ -172,7 +172,7 @@ function ContextMenuSubContent({
       >
         <ContextMenuPrimitive.Popup
           className={cn(
-            "bg-popover text-popover-foreground ring-foreground/10 ease-fluid z-50 max-h-(--available-height) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto overscroll-contain rounded-lg p-1 shadow-lg ring-1 transition-[opacity,scale] duration-150 outline-none data-ending-style:scale-95 data-ending-style:opacity-0 data-ending-style:duration-100 data-instant:transition-none data-starting-style:scale-95 data-starting-style:opacity-0 motion-reduce:transition-none",
+            "bg-popover/80 text-popover-foreground ring-foreground/10 ease-fluid z-50 max-h-(--available-height) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto overscroll-contain rounded-lg p-1 shadow-lg ring-1 backdrop-blur-sm transition-[opacity,scale] duration-150 outline-none data-ending-style:scale-95 data-ending-style:opacity-0 data-ending-style:duration-100 data-instant:transition-none data-starting-style:scale-95 data-starting-style:opacity-0 motion-reduce:transition-none",
             className,
           )}
           data-slot="context-menu-sub-content"
diff --git a/packages/vitnode/src/components/ui/dropdown-menu.tsx b/packages/vitnode/src/components/ui/dropdown-menu.tsx
index 6920520879..408d17cbbe 100644
--- a/packages/vitnode/src/components/ui/dropdown-menu.tsx
+++ b/packages/vitnode/src/components/ui/dropdown-menu.tsx
@@ -52,7 +52,7 @@ function DropdownMenuContent({
       >
         <MenuPrimitive.Popup
           className={cn(
-            "bg-popover text-popover-foreground ring-foreground/10 ease-fluid z-50 max-h-(--available-height) w-(--anchor-width) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto overscroll-contain rounded-lg p-1 shadow-lg ring-1 transition-[opacity,scale] duration-150 outline-none data-closed:overflow-hidden data-ending-style:scale-95 data-ending-style:opacity-0 data-ending-style:duration-100 data-instant:transition-none data-starting-style:scale-95 data-starting-style:opacity-0 motion-reduce:transition-none",
+            "bg-popover/80 text-popover-foreground ring-foreground/10 ease-fluid z-50 max-h-(--available-height) w-(--anchor-width) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto overscroll-contain rounded-lg p-1 shadow-lg ring-1 backdrop-blur-sm transition-[opacity,scale] duration-150 outline-none data-closed:overflow-hidden data-ending-style:scale-95 data-ending-style:opacity-0 data-ending-style:duration-100 data-instant:transition-none data-starting-style:scale-95 data-starting-style:opacity-0 motion-reduce:transition-none",
             className,
           )}
           data-slot="dropdown-menu-content"
@@ -281,7 +281,7 @@ function DropdownMenuSubContent({
       >
         <MenuPrimitive.Popup
           className={cn(
-            "bg-popover text-popover-foreground ring-foreground/10 ease-fluid z-50 max-h-(--available-height) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto overscroll-contain rounded-lg p-1 shadow-lg ring-1 transition-[opacity,scale] duration-150 outline-none data-ending-style:scale-95 data-ending-style:opacity-0 data-ending-style:duration-100 data-instant:transition-none data-starting-style:scale-95 data-starting-style:opacity-0 motion-reduce:transition-none",
+            "bg-popover/80 text-popover-foreground ring-foreground/10 ease-fluid z-50 max-h-(--available-height) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto overscroll-contain rounded-lg p-1 shadow-lg ring-1 backdrop-blur-sm transition-[opacity,scale] duration-150 outline-none data-ending-style:scale-95 data-ending-style:opacity-0 data-ending-style:duration-100 data-instant:transition-none data-starting-style:scale-95 data-starting-style:opacity-0 motion-reduce:transition-none",
             className,
           )}
           data-slot="dropdown-menu-sub-content"
diff --git a/packages/vitnode/src/components/ui/hover-card.tsx b/packages/vitnode/src/components/ui/hover-card.tsx
index 5bae0356ba..8c99c23c40 100644
--- a/packages/vitnode/src/components/ui/hover-card.tsx
+++ b/packages/vitnode/src/components/ui/hover-card.tsx
@@ -47,7 +47,7 @@ function HoverCardContent({
       >
         <PreviewCardPrimitive.Popup
           className={cn(
-            "bg-popover text-popover-foreground ring-foreground/10 ease-fluid z-50 w-64 origin-(--transform-origin) rounded-xl p-4 text-sm shadow-lg ring-1 outline-hidden transition-[opacity,scale] duration-150 data-ending-style:scale-95 data-ending-style:opacity-0 data-ending-style:duration-100 data-starting-style:scale-95 data-starting-style:opacity-0 motion-reduce:transition-none",
+            "bg-popover/90 text-popover-foreground ring-foreground/10 ease-fluid z-50 w-64 origin-(--transform-origin) rounded-xl p-4 text-sm shadow-lg ring-1 outline-hidden backdrop-blur-sm transition-[opacity,scale] duration-150 data-ending-style:scale-95 data-ending-style:opacity-0 data-ending-style:duration-100 data-starting-style:scale-95 data-starting-style:opacity-0 motion-reduce:transition-none",
             className,
           )}
           data-slot="hover-card-content"
diff --git a/packages/vitnode/src/components/ui/menubar.tsx b/packages/vitnode/src/components/ui/menubar.tsx
index e989c85cfd..2a42e55ab4 100644
--- a/packages/vitnode/src/components/ui/menubar.tsx
+++ b/packages/vitnode/src/components/ui/menubar.tsx
@@ -93,7 +93,7 @@ function MenubarContent({
       >
         <MenuPrimitive.Popup
           className={cn(
-            "bg-popover text-popover-foreground ring-foreground/10 ease-fluid z-50 max-h-(--available-height) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto overscroll-contain rounded-lg p-1 shadow-lg ring-1 transition-[opacity,scale] duration-150 outline-none data-ending-style:scale-95 data-ending-style:opacity-0 data-ending-style:duration-100 data-instant:transition-none data-starting-style:scale-95 data-starting-style:opacity-0 motion-reduce:transition-none",
+            "bg-popover/80 text-popover-foreground ring-foreground/10 ease-fluid z-50 max-h-(--available-height) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto overscroll-contain rounded-lg p-1 shadow-lg ring-1 backdrop-blur-sm transition-[opacity,scale] duration-150 outline-none data-ending-style:scale-95 data-ending-style:opacity-0 data-ending-style:duration-100 data-instant:transition-none data-starting-style:scale-95 data-starting-style:opacity-0 motion-reduce:transition-none",
             className,
           )}
           data-slot="menubar-content"
@@ -301,7 +301,7 @@ function MenubarSubContent({
       >
         <MenuPrimitive.Popup
           className={cn(
-            "bg-popover text-popover-foreground ring-foreground/10 ease-fluid z-50 max-h-(--available-height) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto overscroll-contain rounded-lg p-1 shadow-lg ring-1 transition-[opacity,scale] duration-150 outline-none data-ending-style:scale-95 data-ending-style:opacity-0 data-ending-style:duration-100 data-instant:transition-none data-starting-style:scale-95 data-starting-style:opacity-0 motion-reduce:transition-none",
+            "bg-popover/80 text-popover-foreground ring-foreground/10 ease-fluid z-50 max-h-(--available-height) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto overscroll-contain rounded-lg p-1 shadow-lg ring-1 backdrop-blur-sm transition-[opacity,scale] duration-150 outline-none data-ending-style:scale-95 data-ending-style:opacity-0 data-ending-style:duration-100 data-instant:transition-none data-starting-style:scale-95 data-starting-style:opacity-0 motion-reduce:transition-none",
             className,
           )}
           data-slot="menubar-sub-content"
diff --git a/packages/vitnode/src/components/ui/navigation-menu.tsx b/packages/vitnode/src/components/ui/navigation-menu.tsx
index 600c3c0117..a7aa1b5166 100644
--- a/packages/vitnode/src/components/ui/navigation-menu.tsx
+++ b/packages/vitnode/src/components/ui/navigation-menu.tsx
@@ -243,7 +243,7 @@ function NavigationMenuPositioner({
         sideOffset={sideOffset}
         {...props}
       >
-        <NavigationMenuPrimitive.Popup className="bg-popover text-popover-foreground ring-foreground/10 ease-fluid relative h-(--popup-height) w-(--popup-width) origin-(--transform-origin) overflow-hidden rounded-lg shadow ring-1 transition-[opacity,scale,width,height] duration-300 outline-none data-ending-style:scale-95 data-ending-style:opacity-0 data-ending-style:duration-100 data-starting-style:scale-95 data-starting-style:opacity-0 motion-reduce:transition-none">
+        <NavigationMenuPrimitive.Popup className="bg-popover/80 text-popover-foreground ring-foreground/10 ease-fluid relative h-(--popup-height) w-(--popup-width) origin-(--transform-origin) overflow-hidden rounded-lg shadow ring-1 backdrop-blur-sm transition-[opacity,scale,width,height] duration-300 outline-none data-ending-style:scale-95 data-ending-style:opacity-0 data-ending-style:duration-100 data-starting-style:scale-95 data-starting-style:opacity-0 motion-reduce:transition-none">
           <NavigationMenuPrimitive.Viewport className="relative size-full overflow-hidden" />
         </NavigationMenuPrimitive.Popup>
       </NavigationMenuPrimitive.Positioner>
diff --git a/packages/vitnode/src/components/ui/popover.tsx b/packages/vitnode/src/components/ui/popover.tsx
index d17bfc3776..d9775625e2 100644
--- a/packages/vitnode/src/components/ui/popover.tsx
+++ b/packages/vitnode/src/components/ui/popover.tsx
@@ -44,7 +44,7 @@ function PopoverContent({
       >
         <PopoverPrimitive.Popup
           className={cn(
-            "bg-popover text-popover-foreground ring-foreground/10 ease-fluid z-50 flex w-72 origin-(--transform-origin) flex-col gap-4 rounded-xl p-4 text-sm shadow-lg ring-1 outline-hidden transition-[opacity,scale] duration-150 data-ending-style:scale-95 data-ending-style:opacity-0 data-ending-style:duration-100 data-starting-style:scale-95 data-starting-style:opacity-0 motion-reduce:transition-none",
+            "bg-popover/80 text-popover-foreground ring-foreground/10 ease-fluid z-50 flex w-72 origin-(--transform-origin) flex-col gap-4 rounded-xl p-4 text-sm shadow-lg ring-1 outline-hidden backdrop-blur-sm transition-[opacity,scale] duration-150 data-ending-style:scale-95 data-ending-style:opacity-0 data-ending-style:duration-100 data-starting-style:scale-95 data-starting-style:opacity-0 motion-reduce:transition-none",
             className,
           )}
           data-slot="popover-content"
diff --git a/packages/vitnode/src/components/ui/select.tsx b/packages/vitnode/src/components/ui/select.tsx
index ae9600e3c5..ca5d488ebb 100644
--- a/packages/vitnode/src/components/ui/select.tsx
+++ b/packages/vitnode/src/components/ui/select.tsx
@@ -97,7 +97,7 @@ function SelectContent({
         <SelectScrollUpButton />
         <SelectPrimitive.Popup
           className={cn(
-            "bg-popover text-popover-foreground ring-foreground/10 ease-fluid relative z-50 max-h-(--available-height) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto overscroll-contain rounded-lg p-1 shadow-lg ring-1 transition-[opacity,scale] duration-150 data-ending-style:scale-95 data-ending-style:opacity-0 data-ending-style:duration-100 data-starting-style:scale-95 data-starting-style:opacity-0 motion-reduce:transition-none",
+            "bg-popover/80 text-popover-foreground ring-foreground/10 ease-fluid relative z-50 max-h-(--available-height) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto overscroll-contain rounded-lg p-1 shadow-lg ring-1 backdrop-blur-sm transition-[opacity,scale] duration-150 data-ending-style:scale-95 data-ending-style:opacity-0 data-ending-style:duration-100 data-starting-style:scale-95 data-starting-style:opacity-0 motion-reduce:transition-none",
             className,
           )}
           data-slot="select-content"
diff --git a/packages/vitnode/src/components/ui/sonner.tsx b/packages/vitnode/src/components/ui/sonner.tsx
index 5af74a6543..4ea204d7d9 100644
--- a/packages/vitnode/src/components/ui/sonner.tsx
+++ b/packages/vitnode/src/components/ui/sonner.tsx
@@ -19,7 +19,7 @@ type ToastClassNames = NonNullable<
 
 const toastClassNames: ToastClassNames = {
   toast: cn(
-    "group/toast bg-popover text-popover-foreground ring-foreground/10 flex w-(--width) items-start gap-3 rounded-xl p-4 shadow-lg ring-1",
+    "group/toast bg-popover/80 text-popover-foreground ring-foreground/10 flex w-(--width) items-start gap-3 rounded-xl p-4 shadow-lg ring-1 backdrop-blur-sm",
     "focus-visible:ring-ring/50 focus-visible:ring-3",
     "*:transition-opacity *:duration-200 data-[expanded=false]:data-[front=false]:*:opacity-0 motion-reduce:*:transition-none",
   ),
diff --git a/packages/vitnode/src/components/ui/tooltip.tsx b/packages/vitnode/src/components/ui/tooltip.tsx
index 6e22d89363..fbe01e54d9 100644
--- a/packages/vitnode/src/components/ui/tooltip.tsx
+++ b/packages/vitnode/src/components/ui/tooltip.tsx
@@ -70,7 +70,7 @@ function TooltipContent({
       >
         <TooltipPrimitive.Popup
           className={cn(
-            "bg-foreground text-background ease-fluid z-50 inline-flex w-fit max-w-xs origin-(--transform-origin) items-center gap-1.5 rounded-md px-3 py-1.5 text-xs transition-[opacity,scale] duration-150 has-data-[slot=kbd]:pe-1.5 data-ending-style:scale-90 data-ending-style:opacity-0 data-ending-style:duration-100 data-instant:transition-none data-starting-style:scale-90 data-starting-style:opacity-0 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm motion-reduce:transition-none",
+            "bg-foreground/80 text-background ease-fluid z-50 inline-flex w-fit max-w-xs origin-(--transform-origin) items-center gap-1.5 rounded-md px-3 py-1.5 text-xs backdrop-blur-sm transition-[opacity,scale] duration-150 has-data-[slot=kbd]:pe-1.5 data-ending-style:scale-90 data-ending-style:opacity-0 data-ending-style:duration-100 data-instant:transition-none data-starting-style:scale-90 data-starting-style:opacity-0 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm motion-reduce:transition-none",
             className,
           )}
           data-slot="tooltip-content"
diff --git a/packages/vitnode/src/locales/en.json b/packages/vitnode/src/locales/en.json
index 8229b5e635..4a4b792dc3 100644
--- a/packages/vitnode/src/locales/en.json
+++ b/packages/vitnode/src/locales/en.json
@@ -450,6 +450,7 @@
       "submit": "Submit",
       "cancel": "Cancel",
       "optional": "Optional",
+      "field_tip": "More information",
       "loading": "Loading...",
       "or": "or",
       "back_home": "Back to home",
diff --git a/packages/vitnode/src/tanstack/search/header-search-content.tsx b/packages/vitnode/src/tanstack/search/header-search-content.tsx
index 32917fd614..c6510a6b55 100644
--- a/packages/vitnode/src/tanstack/search/header-search-content.tsx
+++ b/packages/vitnode/src/tanstack/search/header-search-content.tsx
@@ -499,7 +499,7 @@ const HeaderSearchMorph = ({
   );
 
   return (
-    <div className="bg-popover text-popover-foreground ring-foreground/10 overflow-hidden rounded-2xl shadow-2xl ring-1">
+    <div className="bg-popover/80 text-popover-foreground ring-foreground/10 overflow-hidden rounded-2xl shadow-2xl ring-1 backdrop-blur-sm">
       <div className="flex h-14 items-center gap-3 px-4 sm:h-16 sm:px-5">
         <SearchIcon
           aria-hidden
diff --git a/packages/vitnode/src/tanstack/search/header-search.tsx b/packages/vitnode/src/tanstack/search/header-search.tsx
index 3963064708..d04fc89af8 100644
--- a/packages/vitnode/src/tanstack/search/header-search.tsx
+++ b/packages/vitnode/src/tanstack/search/header-search.tsx
@@ -30,7 +30,7 @@ const HeaderSearchSkeleton = () => {
   return (
     <div
       aria-busy
-      className="bg-popover ring-foreground/10 flex h-14 items-center gap-3 rounded-2xl px-4 shadow-2xl ring-1 sm:h-16 sm:px-5"
+      className="bg-popover/80 ring-foreground/10 flex h-14 items-center gap-3 rounded-2xl px-4 shadow-2xl ring-1 backdrop-blur-sm sm:h-16 sm:px-5"
     >
       <SearchIcon
         aria-hidden
diff --git a/packages/vitnode/src/views/admin/layouts/search/search-content.tsx b/packages/vitnode/src/views/admin/layouts/search/search-content.tsx
index 168c8eeccf..87268a6572 100644
--- a/packages/vitnode/src/views/admin/layouts/search/search-content.tsx
+++ b/packages/vitnode/src/views/admin/layouts/search/search-content.tsx
@@ -32,10 +32,7 @@ const SearchAdminDialogSkeleton = () => {
   const t = useTranslations("admin.global");
 
   return (
-    <div
-      aria-busy
-      className="bg-popover flex flex-col overflow-hidden rounded-xl p-1"
-    >
+    <div aria-busy className="flex flex-col overflow-hidden rounded-xl p-1">
       <div className="p-1 pb-0">
         <InputGroup className="border-input/30 bg-input/30 h-8 rounded-lg shadow-none">
           <span className="text-muted-foreground flex-1 truncate ps-1.5 text-sm">
@@ -166,7 +163,7 @@ export const SearchAdminContent = ({
         open={open}
       >
         <DialogContent
-          className="top-1/3 max-h-[calc(66.667vh-2rem)] translate-y-0 grid-rows-[minmax(0,1fr)] overflow-hidden rounded-xl p-0 outline-none sm:max-h-[calc(66.667vh-5rem)]"
+          className="bg-popover/80 top-1/3 max-h-[calc(66.667vh-2rem)] translate-y-0 grid-rows-[minmax(0,1fr)] overflow-hidden rounded-xl p-0 backdrop-blur-sm outline-none sm:max-h-[calc(66.667vh-5rem)]"
           showCloseButton={false}
         >
           <DialogHeader className="sr-only">
diff --git a/packages/vitnode/src/views/admin/views/containers/container-select.tsx b/packages/vitnode/src/views/admin/views/containers/container-select.tsx
index a8e9cadfcd..0e10b5cf28 100644
--- a/packages/vitnode/src/views/admin/views/containers/container-select.tsx
+++ b/packages/vitnode/src/views/admin/views/containers/container-select.tsx
@@ -46,9 +46,10 @@ export const AutoFormContainerSelect = ({
   options,
   otherProps: { isOptional },
   placeholder,
+  tip,
 }: Pick<
   ItemAutoFormComponentProps,
-  "description" | "field" | "label" | "labelRight" | "otherProps"
+  "description" | "field" | "label" | "labelRight" | "otherProps" | "tip"
 > & {
   disabled?: boolean;
   options: readonly ContainerSelectOption[];
@@ -70,7 +71,11 @@ export const AutoFormContainerSelect = ({
   return (
     <>
       {!!label && (
-        <AutoFormLabel isOptional={isOptional} labelRight={labelRight}>
+        <AutoFormLabel
+          isOptional={isOptional}
+          labelRight={labelRight}
+          tip={tip}
+        >
           {label}
         </AutoFormLabel>
       )}
diff --git a/packages/vitnode/src/views/auth/sign-up/components/password-input.tsx b/packages/vitnode/src/views/auth/sign-up/components/password-input.tsx
index 752e15e25a..d1d847cf99 100644
--- a/packages/vitnode/src/views/auth/sign-up/components/password-input.tsx
+++ b/packages/vitnode/src/views/auth/sign-up/components/password-input.tsx
@@ -26,6 +26,7 @@ export const PasswordInput = ({
   itemParams: _itemParams,
   field,
   otherProps: { isOptional, maxLength, minLength, pattern },
+  tip,
   ...props
 }: ItemAutoFormComponentProps &
   Omit<React.ComponentProps<typeof Input>, "type">) => {
@@ -53,7 +54,7 @@ export const PasswordInput = ({
 
   return (
     <>
-      <AutoFormLabel isOptional={isOptional} labelRight={labelRight}>
+      <AutoFormLabel isOptional={isOptional} labelRight={labelRight} tip={tip}>
         {label}
       </AutoFormLabel>