diff --git a/src/components/ui/MediaView.tsx b/src/components/ui/MediaView.tsx
index aee97da..ca87bf8 100644
--- a/src/components/ui/MediaView.tsx
+++ b/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",
diff --git a/src/pages/sight/edit.tsx b/src/pages/sight/edit.tsx
index d009bb4..d1569fe 100644
--- a/src/pages/sight/edit.tsx
+++ b/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}