From ebda670507fbb719c57aed001e5b484af847643c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nuno=20G=C3=B3is?= <github@nunogois.com>
Date: Wed, 24 Sep 2025 11:10:51 +0100
Subject: [PATCH] chore: update view more templates button design

---
 .../FeatureStrategyMenuCard.tsx               |  2 --
 ...atureStrategyMenuCardsReleaseTemplates.tsx | 27 +++++++++----------
 2 files changed, 13 insertions(+), 16 deletions(-)

diff --git a/frontend/src/component/feature/FeatureStrategy/FeatureStrategyMenu/FeatureStrategyMenuCard/FeatureStrategyMenuCard.tsx b/frontend/src/component/feature/FeatureStrategy/FeatureStrategyMenu/FeatureStrategyMenuCard/FeatureStrategyMenuCard.tsx
index 54678c4b3f..5dee4d322c 100644
--- a/frontend/src/component/feature/FeatureStrategy/FeatureStrategyMenu/FeatureStrategyMenuCard/FeatureStrategyMenuCard.tsx
+++ b/frontend/src/component/feature/FeatureStrategy/FeatureStrategyMenu/FeatureStrategyMenuCard/FeatureStrategyMenuCard.tsx
@@ -21,9 +21,7 @@ const StyledCard = styled('div', {
 })<{ isDefault?: boolean }>(({ theme, isDefault }) => ({
     display: 'flex',
     alignItems: 'center',
-    width: '100%',
     height: theme.spacing(10),
-    maxWidth: '30rem',
     padding: theme.spacing(2),
     backgroundColor: theme.palette.background.elevation1,
     color: 'inherit',
diff --git a/frontend/src/component/feature/FeatureStrategy/FeatureStrategyMenu/FeatureStrategyMenuCards/FeatureStrategyMenuCardsReleaseTemplates.tsx b/frontend/src/component/feature/FeatureStrategy/FeatureStrategyMenu/FeatureStrategyMenuCards/FeatureStrategyMenuCardsReleaseTemplates.tsx
index 873f53b862..375557ce97 100644
--- a/frontend/src/component/feature/FeatureStrategy/FeatureStrategyMenu/FeatureStrategyMenuCards/FeatureStrategyMenuCardsReleaseTemplates.tsx
+++ b/frontend/src/component/feature/FeatureStrategy/FeatureStrategyMenu/FeatureStrategyMenuCards/FeatureStrategyMenuCardsReleaseTemplates.tsx
@@ -74,12 +74,15 @@ const StyledNoTemplatesDescription = styled('p')(({ theme }) => ({
     color: theme.palette.text.secondary,
 }));
 
-const StyledViewAllTemplates = styled(Box)({
+const StyledViewMoreButton = styled(Button)(({ theme }) => ({
     display: 'flex',
     alignItems: 'center',
     justifyContent: 'center',
-    height: '100%',
-});
+    height: theme.spacing(10),
+    padding: theme.spacing(2),
+    border: `1px solid ${theme.palette.divider}`,
+    borderRadius: theme.spacing(1),
+}));
 
 const StyledLink = styled(RouterLink)({
     textDecoration: 'none',
@@ -174,17 +177,13 @@ export const FeatureStrategyMenuCardsReleaseTemplates = ({
                     ))}
                     {slicedTemplates.length < templates.length &&
                         templates.length > RELEASE_TEMPLATE_DISPLAY_LIMIT && (
-                            <StyledViewAllTemplates>
-                                <Button
-                                    variant='text'
-                                    size='small'
-                                    onClick={() =>
-                                        setFilter('releaseTemplates')
-                                    }
-                                >
-                                    View all available templates
-                                </Button>
-                            </StyledViewAllTemplates>
+                            <StyledViewMoreButton
+                                variant='text'
+                                size='small'
+                                onClick={() => setFilter('releaseTemplates')}
+                            >
+                                View more templates
+                            </StyledViewMoreButton>
                         )}
                 </FeatureStrategyMenuCardsSection>
             )}