From afd1780c6abf30e672723a6af822c2d1d328cc75 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Thu, 12 Mar 2026 19:56:25 +0100
Subject: [PATCH] nicolium: styles
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 .../src/components/statuses/status-reply-mentions.tsx        | 4 ++--
 packages/nicolium/src/components/ui/toast.tsx                | 2 +-
 packages/nicolium/src/styles/new/layout.scss                 | 5 +++++
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/packages/nicolium/src/components/statuses/status-reply-mentions.tsx b/packages/nicolium/src/components/statuses/status-reply-mentions.tsx
index d9e5ff2bf..fbbfd81ff 100644
--- a/packages/nicolium/src/components/statuses/status-reply-mentions.tsx
+++ b/packages/nicolium/src/components/statuses/status-reply-mentions.tsx
@@ -32,7 +32,7 @@ const StatusReplyMentions: React.FC<IStatusReplyMentions> = ({ status, hoverable
   // Rare, but it can happen.
   if (to.length === 0) {
     const body = (
-      <div className='mb-1 block text-sm text-gray-700 dark:text-gray-600'>
+      <div className='⁂-status-reply-mentions'>
         <FormattedMessage id='reply_mentions.reply_empty' defaultMessage='Replying to post' />
       </div>
     );
@@ -40,7 +40,7 @@ const StatusReplyMentions: React.FC<IStatusReplyMentions> = ({ status, hoverable
     if (hoverable) {
       return (
         <HoverStatusWrapper statusId={status.in_reply_to_id} inline>
-          <span key='hoverstatus' className='cursor-pointer hover:underline' role='presentation'>
+          <span className='cursor-pointer hover:underline' role='presentation'>
             {body}
           </span>
         </HoverStatusWrapper>
diff --git a/packages/nicolium/src/components/ui/toast.tsx b/packages/nicolium/src/components/ui/toast.tsx
index ce863741d..9efece962 100644
--- a/packages/nicolium/src/components/ui/toast.tsx
+++ b/packages/nicolium/src/components/ui/toast.tsx
@@ -123,7 +123,7 @@ const Toast: React.FC<IToast> = (props) => {
             title={intl.formatMessage(messages.close)}
             aria-label={intl.formatMessage(messages.close)}
           >
-            <Icon src={require('@phosphor-icons/core/regular/x.svg')} className='size-5' />
+            <Icon src={require('@phosphor-icons/core/regular/x.svg')} />
           </button>
         </div>
       </div>
diff --git a/packages/nicolium/src/styles/new/layout.scss b/packages/nicolium/src/styles/new/layout.scss
index e583e8beb..94a23d90e 100644
--- a/packages/nicolium/src/styles/new/layout.scss
+++ b/packages/nicolium/src/styles/new/layout.scss
@@ -1147,6 +1147,11 @@ body {
       .dark &:hover {
         color: rgb(var(--color-gray-500));
       }
+
+      svg {
+        height: 1.25rem;
+        width: 1.25rem;
+      }
     }
   }