src/components/ui/MediaView.tsx

@@ -15,9 +15,9 @@ export function MediaView({ media }: Readonly<{ media?: MediaData }>) {
     <Box
       sx={{
         maxHeight: "300px",
-        width: "100%",
+        width: "80%",
         height: "100%",
-        maxWidth: "300px",
+        maxWidth: "600px",
         display: "flex",
         flexGrow: 1,
         justifyContent: "center",

src/pages/sight/edit.tsx

@@ -782,6 +782,7 @@ export const SightEdit = observer(() => {
                   color: (theme) =>
                     theme.palette.mode === "dark" ? "grey.300" : "grey.800",
                   mb: 3,
+                  mt: 3,
                 }}
               >
                 {name}