diff --git a/ui/src/components/SettingsNestedSection.tsx b/ui/src/components/SettingsNestedSection.tsx
new file mode 100644
index 0000000..6a4c688
--- /dev/null
+++ b/ui/src/components/SettingsNestedSection.tsx
@@ -0,0 +1,11 @@
+export default function SettingsNestedSection({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <div className="ml-2 border-l border-slate-800/30 pl-4 dark:border-slate-300/30">
+      {children}
+    </div>
+  );
+}