From aa97cc46379f803ffce16206b0c26bc28ab39496 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nuno=20G=C3=B3is?= <github@nunogois.com>
Date: Fri, 23 Feb 2024 13:38:54 +0000
Subject: [PATCH] fix: better arrow design in network overview (#6331)

Improves the arrow design in the "Network overview" after aligning with
@nicolaesocaciu
---
 .../network/NetworkOverview/NetworkOverview.tsx      | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/frontend/src/component/admin/network/NetworkOverview/NetworkOverview.tsx b/frontend/src/component/admin/network/NetworkOverview/NetworkOverview.tsx
index d971a05b16..d1338431a3 100644
--- a/frontend/src/component/admin/network/NetworkOverview/NetworkOverview.tsx
+++ b/frontend/src/component/admin/network/NetworkOverview/NetworkOverview.tsx
@@ -33,7 +33,7 @@ const StyledElementBox = styled('div')(({ theme }) => ({
     display: 'flex',
     flexDirection: 'column',
     alignItems: 'center',
-    padding: theme.spacing(2),
+    padding: theme.spacing(1.5),
     zIndex: 1,
     '& > svg': {
         width: theme.spacing(9),
@@ -126,7 +126,15 @@ export const NetworkOverview = () => {
     }
 
     return (
-        <ArcherContainer strokeColor={theme.palette.text.primary}>
+        <ArcherContainer
+            strokeColor={theme.palette.text.primary}
+            endShape={{
+                arrow: {
+                    arrowLength: 4,
+                    arrowThickness: 4,
+                },
+            }}
+        >
             <StyleUnleashContainer>
                 <ArcherElement id='unleash'>
                     <StyledElementBox>