From b50c30d9f43bc57d1ea279dfa04e2d40899c8236 Mon Sep 17 00:00:00 2001
From: Angelillo15 <contact@angelillo15.es>
Date: Wed, 15 May 2024 20:01:20 +0000
Subject: [PATCH] Update VariableBox component styling regarding project rules

---
 .../scripts/components/server/startup/VariableBox.tsx  | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/resources/scripts/components/server/startup/VariableBox.tsx b/resources/scripts/components/server/startup/VariableBox.tsx
index ba3a4fe47e..cffadd8dd7 100644
--- a/resources/scripts/components/server/startup/VariableBox.tsx
+++ b/resources/scripts/components/server/startup/VariableBox.tsx
@@ -60,15 +60,15 @@ const VariableBox = ({ variable }: Props) => {
     return (
         <TitledGreyBox
             title={
-                <p className="text-sm uppercase">
+                <p className='text-sm uppercase'>
                     {!variable.isEditable && (
-                        <span className="bg-neutral-700 text-xs py-1 px-2 rounded-full mr-2 mb-1">Read Only</span>
+                        <span className='bg-neutral-700 text-xs py-1 px-2 rounded-full mr-2 mb-1'>Read Only</span>
                     )}
                     {variable.name}
                 </p>
             }
         >
-            <FlashMessageRender byKey={FLASH_KEY} className="mb-2 md:mb-4" />
+            <FlashMessageRender byKey={FLASH_KEY} className='mb-2 md:mb-4' />
             <InputSpinner visible={loading}>
                 {useSwitch ? (
                     <>
@@ -128,9 +128,7 @@ const VariableBox = ({ variable }: Props) => {
                 )}
             </InputSpinner>
 
-            <p className="mt-1 text-xs text-neutral-300">
-                {variable.description}
-            </p>
+            <p className='mt-1 text-xs text-neutral-300'>{variable.description}</p>
         </TitledGreyBox>
     );
 };