Sanity file picker UI has no spacing between divs

Describe the bug

The file picker in comparison to the image picker has no spacing between div elements resulting in an unpolished UI for client handoff.

To Reproduce

Steps to reproduce the behavior:

Create a schema that uses both type "image" and "file"


import {
ImagesIcon,
DocumentVideoIcon,
InlineElementIcon,
} from "@sanity/icons";
import CarouselPreview from "../../components/Sanity/CarouselPreview";

const carousel = { name: "carousel", title: "Carousel", type: "object", icon: InlineElementIcon, fields: [ { name: "media", title: "Media", type: "array", of: [ { name: "image", title: "Image", type: "image", icon: ImagesIcon, fields: [ { name: "title", title: "Title", type: "string" }, { name: "alt", title: "Caption", type: "string", }, ], options: { metadata: ["blurhash", "lqip", "palette"], }, }, { name: "video", title: "Video", type: "file", icon: DocumentVideoIcon, fields: [ { name: "title", title: "Title", type: "string" }, { name: "alt", title: "Caption", type: "string", }, ], options: { accept: "video/*", }, }, ], }, ], preview: { select: { media: "media", }, }, components: { preview: CarouselPreview, }, };

export default carousel;



**Screenshots**
![CleanShot 2024-06-07 at 10 45 43@2x](https://github.com/sanity-io/sanity/assets/63668974/b8a80d5f-067d-4d0b-941b-09029b9d3dfe)
![CleanShot 2024-06-07 at 10 45 58@2x](https://github.com/sanity-io/sanity/assets/63668974/e975660d-6fd8-4c2e-ad23-e734325a1d66)

Notice how file picker for video has no spacing unlike the images.

**Which versions of Sanity are you using?**

@sanity/cli (global)  3.45.0 (up to date)
@sanity/asset-utils    1.3.0 (up to date)
@sanity/image-url      1.0.2 (up to date)
@sanity/vision        3.45.0 (up to date)
@sanity/webhook        4.0.4 (up to date)
sanity                3.45.0 (up to date)

**What operating system are you using?**
Sonoma 14.5
Arc Browser / Chrome

sanity-io / sanity

Sanity file picker UI has no spacing between divs #6877