Tweak visually

web/packages/base/components/mui/SidebarDrawer.tsx

@@ -164,19 +164,20 @@ export const SidebarDrawerTitlebar: React.FC<SidebarDrawerTitlebarProps> = ({
                 </IconButton>
             </Stack>
         </Stack>
-        <Box sx={{ px: "16px", py: "4px" }}>
+        <Stack sx={{ px: "16px", gap: "4px" }}>
             <Typography variant="h3">{title}</Typography>
             <Typography
                 variant="small"
                 sx={{
                     color: "text.muted",
                     wordBreak: "break-all",
+                    px: "1px",
                     minHeight: "17px",
                 }}
             >
                 {caption}
             </Typography>
-        </Box>
+        </Stack>
     </Stack>
 );
 

web/packages/gallery/components/FileInfo.tsx

@@ -599,7 +599,9 @@ const Caption: React.FC<CaptionProps> = ({
     const { values, errors, handleChange, handleSubmit, resetForm } = formik;
 
     if (!caption.length && !allowEdits) {
-        return <></>;
+        // Visually take up some space, otherwise the info panel for the shared
+        // photos without a caption looks squished at the top.
+        return <Box sx={{ minHeight: 2 }}></Box>;
     }
 
     return (