From 6e89aacd6a1f44d36cdd9e7f53fe784d144c9ef1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sun, 15 Feb 2026 23:51:41 +0100
Subject: [PATCH] nicolium: fix minor styling issue
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-fe/src/components/ui/form.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/packages/pl-fe/src/components/ui/form.tsx b/packages/pl-fe/src/components/ui/form.tsx
index ab1524d9c..632af7122 100644
--- a/packages/pl-fe/src/components/ui/form.tsx
+++ b/packages/pl-fe/src/components/ui/form.tsx
@@ -1,3 +1,4 @@
+import clsx from 'clsx';
 import React from 'react';
 
 interface IForm {
@@ -10,7 +11,7 @@ interface IForm {
 }
 
 /** Form element with custom styles. */
-const Form: React.FC<IForm> = ({ onSubmit, children, ...filteredProps }) => {
+const Form: React.FC<IForm> = ({ onSubmit, children, className, ...filteredProps }) => {
   const handleSubmit: React.FormEventHandler = React.useCallback(
     (event) => {
       event.preventDefault();
@@ -23,7 +24,12 @@ const Form: React.FC<IForm> = ({ onSubmit, children, ...filteredProps }) => {
   );
 
   return (
-    <form data-testid='form' onSubmit={handleSubmit} className='⁂-form' {...filteredProps}>
+    <form
+      data-testid='form'
+      onSubmit={handleSubmit}
+      className={clsx('⁂-form', className)}
+      {...filteredProps}
+    >
       {children}
     </form>
   );