From 7f75fdf92ce949fc3000e45de6b76f1c9a4f7aa5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Tue, 10 Feb 2026 22:09:06 +0100
Subject: [PATCH] nicolium: set preview card iframe width 100%
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/preview-card.tsx   | 2 +-
 packages/pl-fe/src/styles/components/status.scss | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/pl-fe/src/components/preview-card.tsx b/packages/pl-fe/src/components/preview-card.tsx
index ff7fda007..3e01c05af 100644
--- a/packages/pl-fe/src/components/preview-card.tsx
+++ b/packages/pl-fe/src/components/preview-card.tsx
@@ -191,7 +191,7 @@ const PreviewCard: React.FC<IPreviewCard> = ({
           <div className='absolute inset-0 flex items-center justify-center'>
             <div className='flex items-center justify-center rounded-full bg-gray-500/90 px-4 py-3 shadow-md dark:bg-gray-700/90'>
               <HStack space={3} alignItems='center'>
-                <button onClick={handleEmbedClick} className='appearance-none text-gray-700 hover:text-gray-900 dark:text-gray-500 dark:hover:text-gray-100'>
+                <button onClick={handleEmbedClick} className='appearance-none text-gray-700 hover:text-gray-900 dark:text-gray-200 dark:hover:text-gray-100'>
                   <Icon
                     src={iconVariant}
                     className='size-6 text-inherit'
diff --git a/packages/pl-fe/src/styles/components/status.scss b/packages/pl-fe/src/styles/components/status.scss
index ed0be310a..eba7ad750 100644
--- a/packages/pl-fe/src/styles/components/status.scss
+++ b/packages/pl-fe/src/styles/components/status.scss
@@ -28,6 +28,10 @@
 
 .status-card {
   @apply flex text-sm border border-solid border-gray-200 dark:border-gray-800 rounded-lg text-gray-800 dark:text-gray-200 no-underline overflow-hidden;
+
+  iframe {
+    width: 100% !important
+  }
 }
 
 a.status-card {