From eb2e3d935772d7bf03b9aabf4ecc595d77790136 Mon Sep 17 00:00:00 2001
From: Johan Book <{ID}+{username}@users.noreply.github.com>
Date: Sat, 20 Jul 2024 17:21:39 +0200
Subject: [PATCH] fix(web-ui): minor styling fixes for photos list page

---
 .../pages/BlogPhotoListPage/BlogPhotoListPage.component.tsx   | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/services/web-ui/src/features/blogs/pages/BlogPhotoListPage/BlogPhotoListPage.component.tsx b/services/web-ui/src/features/blogs/pages/BlogPhotoListPage/BlogPhotoListPage.component.tsx
index 4c0c4b83..58b11907 100644
--- a/services/web-ui/src/features/blogs/pages/BlogPhotoListPage/BlogPhotoListPage.component.tsx
+++ b/services/web-ui/src/features/blogs/pages/BlogPhotoListPage/BlogPhotoListPage.component.tsx
@@ -33,11 +33,11 @@ function Group({ data }: GroupProps): ReactElement {
     <>
       {Object.entries(groupedData).map(([date, entries]) => (
         <Fragment key={date}>
-          <Typography sx={{ px: 2, pt: 2 }} variant="body1">
+          <Typography sx={{ px: 1, pt: 2, pb: 1 }} variant="body1">
             <b>{date}</b>
           </Typography>
 
-          <ImageList cols={3} gap={8} variant="masonry">
+          <ImageList cols={3} gap={8} sx={{ m: 0 }} variant="masonry">
             {entries.map((item) => (
               <ImageListItem key={item.id}>
                 <img src={item.url} loading="lazy" />