From 83a82537ef3f8ca30f3054318235d78da7869119 Mon Sep 17 00:00:00 2001
From: "Henning A. Sillerud" <2225666+Healsi@users.noreply.github.com>
Date: Tue, 1 Sep 2026 13:53:48 +0000
Subject: [PATCH] UX Tweak: Reduced spacing at sides of main content

---
 .../src/component/layout/MainLayout/MainLayout.tsx   | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/frontend/src/component/layout/MainLayout/MainLayout.tsx b/frontend/src/component/layout/MainLayout/MainLayout.tsx
index eb55a76fe0..64491556ef 100644
--- a/frontend/src/component/layout/MainLayout/MainLayout.tsx
+++ b/frontend/src/component/layout/MainLayout/MainLayout.tsx
@@ -34,19 +34,19 @@ const MainLayoutContent = styled(Grid)(({ theme }) => ({
     minWidth: 0, // this is a fix for overflowing flex
     maxWidth: `1512px`,
     margin: '0 auto',
-    paddingLeft: theme.spacing(2),
-    paddingRight: theme.spacing(2),
+    paddingLeft: theme.spacing(1),
+    paddingRight: theme.spacing(1),
     [theme.breakpoints.up(1856)]: {
         width: '100%',
     },
     [theme.breakpoints.down(1856)]: {
-        marginLeft: theme.spacing(7),
-        marginRight: theme.spacing(7),
+        marginLeft: theme.spacing(3.5),
+        marginRight: theme.spacing(3.5),
     },
     [theme.breakpoints.down('lg')]: {
         maxWidth: `1250px`,
-        paddingLeft: theme.spacing(1),
-        paddingRight: theme.spacing(1),
+        paddingLeft: theme.spacing(0.5),
+        paddingRight: theme.spacing(0.5),
     },
     [theme.breakpoints.down(1024)]: {
         marginLeft: 0,