From f4928f6e3d3bc02bd0cf70707c588ec4ace55512 Mon Sep 17 00:00:00 2001
From: sickelap <sickelap@pm.me>
Date: Mon, 9 Dec 2024 18:09:18 +0000
Subject: [PATCH] add horizontal padding to faces dashboard to make it look
 better

---
 src/layouts/dataviz/FaceDashboard.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/layouts/dataviz/FaceDashboard.tsx b/src/layouts/dataviz/FaceDashboard.tsx
index cf67a8d1..ee9cebf6 100644
--- a/src/layouts/dataviz/FaceDashboard.tsx
+++ b/src/layouts/dataviz/FaceDashboard.tsx
@@ -1,5 +1,5 @@
 /* eslint no-plusplus: ["error", { "allowForLoopAfterthoughts": true }] */
-import { RemoveScroll, Stack } from "@mantine/core";
+import { Flex, RemoveScroll, Stack } from "@mantine/core";
 import { useElementSize } from "@mantine/hooks";
 import _ from "lodash";
 import React, { useEffect, useRef, useState } from "react";
@@ -358,7 +358,7 @@ export function FaceDashboard() {
             notThisPerson={notThisPersonFunc}
           />
         </Stack>
-        <div ref={ref} style={{ flexGrow: 1 }}>
+        <Flex ref={ref} style={{ flexGrow: 1, padding: "0 15px" }}>
           <AutoSizer>
             {({ height, width: gridWidth }) => (
               <ScrollScrubber
@@ -386,7 +386,7 @@ export function FaceDashboard() {
               </ScrollScrubber>
             )}
           </AutoSizer>
-        </div>
+        </Flex>
         <ModalPersonEdit
           isOpen={modalPersonEditOpen}
           onRequestClose={() => {