diff --git a/VoidCat/spa/src/app/src/Components/Shared/ImageGrid.css b/VoidCat/spa/src/app/src/Components/Shared/ImageGrid.css
index 4ec764d..3a50af1 100644
--- a/VoidCat/spa/src/app/src/Components/Shared/ImageGrid.css
+++ b/VoidCat/spa/src/app/src/Components/Shared/ImageGrid.css
@@ -5,14 +5,16 @@
 }
 
 .image-grid > div {
-    width: 100px;
     cursor: pointer;
     display: flex;
     align-items: center;
     justify-content: center;
     overflow: hidden;
+    width: 150px;
+    height: 150px;
 }
 
 .image-grid img, .image-grid video, .image-grid audio {
-    width: stretch;
+    max-width: stretch;
+    max-height: stretch;
 }
\ No newline at end of file
diff --git a/VoidCat/spa/src/app/src/Components/Shared/ImageGrid.tsx b/VoidCat/spa/src/app/src/Components/Shared/ImageGrid.tsx
index 1bc23e4..1eda509 100644
--- a/VoidCat/spa/src/app/src/Components/Shared/ImageGrid.tsx
+++ b/VoidCat/spa/src/app/src/Components/Shared/ImageGrid.tsx
@@ -19,7 +19,7 @@ export default function ImageGrid(props: ImageGridProps) {
     const dispatch = useDispatch();
     const [files, setFiles] = useState<PagedResponse<VoidFileResponse>>();
     const [page, setPage] = useState(0);
-    const pageSize = 20;
+    const pageSize = 100;
     const [accessDenied, setAccessDenied] = useState<boolean>();
 
     async function loadFileList() {