From 2973c18ead51371eb4f699e9c0d3c1f0f0583f74 Mon Sep 17 00:00:00 2001
From: duckietm <troop@mailtjes.com>
Date: Tue, 17 Mar 2026 17:21:16 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=86=99=20Small=20Camera=20Layout=20fix?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/camera/views/CameraWidgetCaptureView.tsx       | 2 +-
 src/components/camera/views/editor/CameraWidgetEditorView.tsx | 2 +-
 src/css/index.css                                             | 4 ++++
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/camera/views/CameraWidgetCaptureView.tsx b/src/components/camera/views/CameraWidgetCaptureView.tsx
index 4249d49..49e6d71 100644
--- a/src/components/camera/views/CameraWidgetCaptureView.tsx
+++ b/src/components/camera/views/CameraWidgetCaptureView.tsx
@@ -60,7 +60,7 @@ export const CameraWidgetCaptureView: FC<CameraWidgetCaptureViewProps> = props =
     return (
         <DraggableWindow uniqueKey="nitro-camera-capture">
             <Column center className="relative" gap={ 0 }>
-                { selectedPicture && <img alt="" className="absolute top-[37px] left-[10px] w-[320px] h-[320px]" src={ selectedPicture.imageUrl } /> }
+                { selectedPicture && <img alt="" className="absolute top-[37px] left-[10px] w-[325px] h-[325px]" src={ selectedPicture.imageUrl } /> }
                 <div className="relative w-[340px] h-[462px] bg-[url('@/assets/images/room-widgets/camera-widget/camera-spritesheet.png')] bg-position-[-1px_-1px] drag-handler">
                     <div className="absolute top-[8px] right-[8px] rounded-[.25rem] [box-shadow:0_0_0_1.5px_#fff] border-2 border-[solid] border-[#921911] bg-[repeating-linear-gradient(rgb(245,80,65),rgb(245,80,65)_50%,rgb(194,48,39)_50%,rgb(194,48,39)_100%)] cursor-pointer leading-none px-[3px] py-px" onClick={ onClose }>
                         <FaTimes className="fa-icon" />
diff --git a/src/components/camera/views/editor/CameraWidgetEditorView.tsx b/src/components/camera/views/editor/CameraWidgetEditorView.tsx
index d31ac35..7777164 100644
--- a/src/components/camera/views/editor/CameraWidgetEditorView.tsx
+++ b/src/components/camera/views/editor/CameraWidgetEditorView.tsx
@@ -155,7 +155,7 @@ export const CameraWidgetEditorView: FC<CameraWidgetEditorViewProps> = props =>
     }, [ picture, selectedEffects ]);
 
     return (
-        <NitroCardView className="w-[600px] h-[500px]">
+        <NitroCardView className="w-[620px] h-[500px]">
             <NitroCardHeaderView headerText={ LocalizeText('camera.editor.button.text') } onCloseClick={ event => processAction('close') } />
             <NitroCardTabsView>
                 { TABS.map(tab => (
diff --git a/src/css/index.css b/src/css/index.css
index 36d3b21..f71008a 100644
--- a/src/css/index.css
+++ b/src/css/index.css
@@ -18,6 +18,10 @@ body {
     scrollbar-width: thin;
 }
 
+.image-rendering-pixelated {
+    image-rendering: pixelated;
+}
+
 *,
 *:focus,
 *:hover {