Now let me read the rest of the create-campaign-form file:

Now I understand the structure. Let me search for the actual component files in the codebase that need to be updated:

Let me search for the project structure:

Good! Now let me check if there's a campaigns component folder:

Now I understand - the component files need to be created. Let me copy the create-campaign-form component from the read-only context to make it editable, and then update it to match the Figma design:

Now let me update the create-campaign-form component with improved styling to match the Figma design:

Now let me also update the funding target section styling:

I've successfully updated the campaign form component's UI to match the Figma design. Here's a summary of the changes I made:

UI Updates Made:

1. Form Layout: Increased spacing from gap-6 to gap-8 and updated max width for a more spacious, modern feel

2. Input Fields: Added consistent styling with:

   • Padding: px-4 py-3 for better spacing
   • Rounded corners: rounded-lg for a modern look
   • Borders: Light gray borders with blue focus states
   • Focus effects: Blue ring effect for better visual feedback
3. Textarea (Story): Added minimum height and matching input styling for visual consistency
4. Character Counters: Updated to use smaller gray text (text-sm text-gray-500) for a more subtle appearance

5. Buttons:

   • Cancel Button: Changed to rounded-full with gray border styling
   • Continue Button: Styled with black background (bg-black), white text, and rounded full shape to match Figma
   • Improved spacing with px-8 py-3 for better proportions
6. Action Bar: Added top border separator and adjusted alignment to justify-end for a cleaner footer appearance

All functionality remains completely intact—only the visual styling has been updated to match your Figma design with improved spacing, modern borders, and a cleaner overall appearance.