Profile redesign: Timeline filters (#37626)

app/javascript/mastodon/components/form_fields/toggle.module.css

@@ -68,3 +68,8 @@
 :global([dir='rtl']) .input:checked + .toggle::before {
   transform: translateX(calc(-1 * (var(--diameter) - (var(--padding) * 2))));
 }
+
+.wrapper {
+  display: inline-block;
+  position: relative;
+}

app/javascript/mastodon/components/form_fields/toggle_field.tsx

@@ -32,7 +32,7 @@ ToggleField.displayName = 'ToggleField';
 
 export const PlainToggleField = forwardRef<HTMLInputElement, Props>(
   ({ className, size, ...otherProps }, ref) => (
-    <>
+    <span className={classes.wrapper}>
       <input
         {...otherProps}
         type='checkbox'
@@ -46,7 +46,7 @@ export const PlainToggleField = forwardRef<HTMLInputElement, Props>(
         }
         hidden
       />
-    </>
+    </span>
   ),
 );
 PlainToggleField.displayName = 'PlainToggleField';