diff --git a/src/sections/governance/action.tsx b/src/sections/governance/action.tsx
index 45cfdd5a..b62fd464 100644
--- a/src/sections/governance/action.tsx
+++ b/src/sections/governance/action.tsx
@@ -62,7 +62,7 @@ export default function GovernanceAction() {
 			</Show>
 			<Flex
 				w="100%"
-				p="12"
+				p={{ base: '4', md: '12' }}
 				flexDir="column"
 				rounded="base"
 				bg="navy.700"