diff --git a/src/nextapp/pages/devportal/index.tsx b/src/nextapp/pages/devportal/index.tsx
index a3705b763..0e2635553 100644
--- a/src/nextapp/pages/devportal/index.tsx
+++ b/src/nextapp/pages/devportal/index.tsx
@@ -68,17 +68,19 @@ const HomePage: React.FC = () => {
             )
             .map((action) => (
               <Card key={action.url}>
-                <Heading size="md" mb={2}>
-                  <NextLink passHref href={action.url}>
-                    <Link color="bc-link" display="flex" alignItems="center">
-                      <Icon as={action.icon} color="bc-yellow" mr={2} />
-                      {action.title}
-                    </Link>
-                  </NextLink>
-                </Heading>
-                <p>
-                  {action.description}
-                </p>
+                <Box p={4}>
+                  <Heading size="md" mb={2}>
+                    <NextLink passHref href={action.url}>
+                      <Link color="bc-link" display="flex" alignItems="center">
+                        <Icon as={action.icon} color="bc-yellow" mr={2} />
+                        {action.title}
+                      </Link>
+                    </NextLink>
+                  </Heading>
+                  <p>
+                    {action.description}
+                  </p>
+                </Box>
               </Card>
             ))}
         </GridLayout>
diff --git a/src/nextapp/pages/manager/index.tsx b/src/nextapp/pages/manager/index.tsx
index 6fcea7753..8b7a95517 100644
--- a/src/nextapp/pages/manager/index.tsx
+++ b/src/nextapp/pages/manager/index.tsx
@@ -67,17 +67,19 @@ const HomePage: React.FC = () => {
             )
             .map((action) => (
               <Card key={action.url}>
-                <Heading size="md" mb={2}>
-                  <NextLink passHref href={action.url}>
-                    <Link color="bc-link" display="flex" alignItems="center">
-                      <Icon as={action.icon} color="bc-yellow" mr={2} />
-                      {action.title}
-                    </Link>
-                  </NextLink>
-                </Heading>
-                <p>
-                  {action.description}
-                </p>
+                <Box p={4}>
+                  <Heading size="md" mb={2}>
+                    <NextLink passHref href={action.url}>
+                      <Link color="bc-link" display="flex" alignItems="center">
+                        <Icon as={action.icon} color="bc-yellow" mr={2} />
+                        {action.title}
+                      </Link>
+                    </NextLink>
+                  </Heading>
+                  <p>
+                    {action.description}
+                  </p>
+                </Box>
               </Card>
             ))}
         </GridLayout>