From 67e9ff2af5dcb1461564f9abb6ccb699c3a0223a Mon Sep 17 00:00:00 2001
From: Rahul Ghosh <ghoshr698@gmail.com>
Date: Mon, 5 Aug 2024 04:19:50 +0530
Subject: [PATCH] fix render panel styling (#10853)

---
 .../components/editor/panels/Viewport/tools/RenderTool.tsx   | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/ui/src/components/editor/panels/Viewport/tools/RenderTool.tsx b/packages/ui/src/components/editor/panels/Viewport/tools/RenderTool.tsx
index 30a316f85c..d18207fc6d 100644
--- a/packages/ui/src/components/editor/panels/Viewport/tools/RenderTool.tsx
+++ b/packages/ui/src/components/editor/panels/Viewport/tools/RenderTool.tsx
@@ -91,11 +91,13 @@ const RenderModeTool = () => {
         </Tooltip>
       ))}
       <Popup trigger={<Button variant="transparent" className="p-2" startIcon={<RiArrowDownSLine />} />}>
-        <div className="w-60 rounded-md p-2">
+        <div className="w-52 rounded-md bg-theme-primary p-2">
           <InputGroup
             name="Use Post Processing"
             label={t('editor:toolbar.render-settings.lbl-usePostProcessing')}
             info={t('editor:toolbar.render-settings.info-usePostProcessing')}
+            containerClassName="justify-between"
+            className="w-8"
           >
             <BooleanInput
               className="bg-gray-500 hover:border-0"
@@ -107,6 +109,7 @@ const RenderModeTool = () => {
             name="Shadow Map Resolution"
             label={t('editor:toolbar.render-settings.lbl-shadowMapResolution')}
             info={t('editor:toolbar.render-settings.info-shadowMapResolution')}
+            containerClassName="justify-between gap-2"
           >
             <SelectInput
               inputClassName="text-theme-gray3"