From e3595ed95c45b4099e4c77b4ba0c3da6aa5d4a52 Mon Sep 17 00:00:00 2001
From: Joanna Dyczka <joanna.dyczka@binarapps.com>
Date: Thu, 17 Oct 2024 22:35:53 +0200
Subject: [PATCH] [#1897] fix unwanted horizontal page scroll on Governance
 Actions page

---
 CHANGELOG.md                                         |  2 +-
 .../components/organisms/GovernanceActionsToVote.tsx | 12 ++++++++++--
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 7868572d7..ee970f463 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -16,7 +16,7 @@ changes.
 
 ### Fixed
 
--
+- Fix unwanted horizontal page scroll on Governance Actions page [Issue 1897](https://github.com/IntersectMBO/govtool/issues/1897)
 
 ### Changed
 
diff --git a/govtool/frontend/src/components/organisms/GovernanceActionsToVote.tsx b/govtool/frontend/src/components/organisms/GovernanceActionsToVote.tsx
index 2d49e77eb..28777ba85 100644
--- a/govtool/frontend/src/components/organisms/GovernanceActionsToVote.tsx
+++ b/govtool/frontend/src/components/organisms/GovernanceActionsToVote.tsx
@@ -27,7 +27,7 @@ export const GovernanceActionsToVote = ({
 }: GovernanceActionsToVoteProps) => {
   const { pendingTransaction } = useCardano();
   const navigate = useNavigate();
-  const { isMobile } = useScreenDimension();
+  const { isMobile, pagePadding } = useScreenDimension();
   const { t } = useTranslation();
 
   return (
@@ -39,7 +39,15 @@ export const GovernanceActionsToVote = ({
       ) : (
         <>
           {proposals?.map((item, index) => (
-            <Box key={item.title} pb={2.5}>
+            <Box
+              key={item.title}
+              sx={{
+                mx: -pagePadding,
+                px: pagePadding,
+                pb: 2.5,
+                overflow: "hidden",
+              }}
+            >
               <Slider
                 data={item.actions.slice(0, 6).map((action) => (
                   <div