From 55bd521ae9203fd958db2a15420902cd5b36f2ba Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Mon, 27 Oct 2025 15:52:01 +0100
Subject: [PATCH] pl-fe: widgets style
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 .../components/panels/account-note-panel.tsx  | 20 +++++++++----------
 packages/pl-fe/src/styles/new/layout.scss     | 11 ++++++++--
 2 files changed, 18 insertions(+), 13 deletions(-)

diff --git a/packages/pl-fe/src/features/ui/components/panels/account-note-panel.tsx b/packages/pl-fe/src/features/ui/components/panels/account-note-panel.tsx
index cb5910457..234137481 100644
--- a/packages/pl-fe/src/features/ui/components/panels/account-note-panel.tsx
+++ b/packages/pl-fe/src/features/ui/components/panels/account-note-panel.tsx
@@ -65,17 +65,15 @@ const AccountNotePanel: React.FC<IAccountNotePanel> = ({ account }) => {
         )}
       </HStack>}
     >
-      <div className='-mx-2'>
-        <Textarea
-          id={`account-note-${account.id}`}
-          theme='transparent'
-          placeholder={intl.formatMessage(messages.placeholder)}
-          value={value || ''}
-          onChange={handleChange}
-          ref={textarea}
-          autoGrow
-        />
-      </div>
+      <Textarea
+        id={`account-note-${account.id}`}
+        theme='transparent'
+        placeholder={intl.formatMessage(messages.placeholder)}
+        value={value || ''}
+        onChange={handleChange}
+        ref={textarea}
+        autoGrow
+      />
     </Widget>
   );
 };
diff --git a/packages/pl-fe/src/styles/new/layout.scss b/packages/pl-fe/src/styles/new/layout.scss
index 5f04c4546..4c47f964a 100644
--- a/packages/pl-fe/src/styles/new/layout.scss
+++ b/packages/pl-fe/src/styles/new/layout.scss
@@ -349,11 +349,11 @@ body {
 }
 
 .⁂-widget {
-  @include mixins.card($variant: rounded);
-  @apply black:p-0;
+  @apply border-b border-solid border-gray-200 black:border-gray-800 dark:border-primary-800;
   display: flex;
   flex-direction: column;
   gap: 1rem;
+  padding-bottom: 1.5rem;
 
   &__header {
     display: flex;
@@ -380,6 +380,13 @@ body {
   }
 }
 
+div:has(.⁂-background-shapes), .dark {
+  .⁂-widget {
+    @include mixins.card($variant: rounded);
+    @apply border-none black:p-0 black:pb-6 black:border-solid;
+  }
+}
+
 .⁂-footer-text {
   @include mixins.text($size: sm, $theme: muted);