overflow fixes and placeholder

packages/fakeyou.com/src/components/common/DropdownOptions/DropdownOptions.tsx

@@ -33,9 +33,15 @@ export const DropdownOptions: React.FC<DropdownOptionsProps> = ({
   });
 
   return (
-    <>
-      <animated.div style={{ ...animationProps, overflow: "hidden" }}>
-        <div ref={ref} className="pb-3">
+    <div>
+      <animated.div
+        style={{
+          ...animationProps,
+          overflowX: "visible",
+          overflowY: isOpen ? "visible" : "hidden",
+        }}
+      >
+        <div ref={ref} className="d-flex flex-column pb-3">
           {children}
         </div>
       </animated.div>
@@ -46,7 +52,7 @@ export const DropdownOptions: React.FC<DropdownOptionsProps> = ({
         icon={isOpen ? faChevronUp : faChevronDown}
         className="fs-7"
       />
-    </>
+    </div>
   );
 };
 

packages/fakeyou.com/src/v2/view/pages/style-video/StyleVideo.tsx

@@ -225,6 +225,7 @@ export default function StyleVideo() {
                     <TextArea
                       {...{
                         label: "Positive prompt",
+                        placeholder: "Describe your video here...",
                         rows: 2,
                         onChange: ({ target }: { target: any }) => {
                           promptSet(target.value);
@@ -239,6 +240,8 @@ export default function StyleVideo() {
                       <TextArea
                         {...{
                           label: "Negative prompt",
+                          placeholder:
+                            "Type what you don't want in your video...",
                           rows: 1,
                           onChange: ({ target }: { target: any }) => {
                             negativePromptSet(target.value);