diff --git a/frontend/src/components/ui/form.tsx b/frontend/src/components/ui/form.tsx
index bb1de689..877a58d9 100644
--- a/frontend/src/components/ui/form.tsx
+++ b/frontend/src/components/ui/form.tsx
@@ -148,7 +148,7 @@ const FormMessage = React.forwardRef<
     <p
       ref={ref}
       id={formMessageId}
-      className={cn('text-sm font-medium text-red-500 dark:text-red-900', className)}
+      className={cn('text-red-500 dark:text-red-900 text-sm font-medium', className)}
       {...props}
     >
       {body}
diff --git a/frontend/src/containers/map/content/map/layers-toolbox/index.tsx b/frontend/src/containers/map/content/map/layers-toolbox/index.tsx
index e1ba2e9b..82ab9b92 100644
--- a/frontend/src/containers/map/content/map/layers-toolbox/index.tsx
+++ b/frontend/src/containers/map/content/map/layers-toolbox/index.tsx
@@ -16,9 +16,9 @@ const LayersToolbox: FCWithMessages = () => {
   const [open, setOpen] = useState(true);
 
   return (
-    <div className="bg-red absolute bottom-0 right-0 z-20">
+    <div className="absolute bottom-0 right-0 z-20 bg-red">
       <div className="relative">
-        <Collapsible className="bg-red relative" open={open} onOpenChange={setOpen}>
+        <Collapsible className="relative bg-red" open={open} onOpenChange={setOpen}>
           <CollapsibleTrigger className="absolute top-0 right-0 -translate-y-full border border-b-0 border-black bg-white">
             {open && <LuChevronDown className="mx-2 my-px h-5 w-5" aria-hidden />}
             {!open && (