pull main

ui/components/ClassicEditor/NewItem/index.tsx

@@ -23,7 +23,7 @@ export const NewItem: FC<any> = ({ prop, setIsModalOpen, isModalOpen }) => {
   return (
 
     <div
-      className="flex flex-col justify-between p-5 m-5 h-48 rounded-md ring-1 items-center hover:ring-2 ring-border"
+      className="flex flex-col justify-between p-5 m-5 w-32 min-w-[8rem] h-48 rounded-md ring-1 items-center hover:ring-2 ring-border"
     >
       <input
         placeholder={`Add ${prop.charAt(0).toUpperCase() + prop.slice(1)}'s name`}

ui/components/ClassicEditor/section/index.tsx

@@ -26,7 +26,7 @@ export const Section: FC<any> = ({ instruction, content, initExpanded = false, d
       >
         {`${instruction.charAt(0).toUpperCase() + instruction.slice(1)}`}
       </div>
-      <div className={` flex w-full mini-scrollbar transition-all duration-500 overflow-x-auto overflow-y-hidden ${expanded ? "h-min" : " overflow-x-hidden h-0"} ${hidden ? "hidden" : "block"}`}>
+      <div className={`flex w-full mini-scrollbar transition-all duration-500 items-center overflow-y-hidden ${expanded ? "overflow-x-auto h-64" : " overflow-x-hidden h-0"}`}>
         {
           instruction !== "errors" && !edit ?
             <>