diff --git a/src/components/NavigationCards/index.tsx b/src/components/NavigationCards/index.tsx
index c63cc04e..cbb138b6 100644
--- a/src/components/NavigationCards/index.tsx
+++ b/src/components/NavigationCards/index.tsx
@@ -26,7 +26,7 @@ export default function NavigationCards({ features }): JSX.Element {
             <div className="container">
                 <div className="row">
                         {features.map((props, idx) => (
-                            <div className={clsx('col col--3')}>
+                            <div className={clsx('col col--3 margin-vert--md')}>
                                 <NavigationCard key={idx} {...props} />
                             </div>
                         ))}
diff --git a/src/css/new-design.css b/src/css/new-design.css
index 315c4b8e..f284d68c 100644
--- a/src/css/new-design.css
+++ b/src/css/new-design.css
@@ -371,7 +371,7 @@ details {
   background-color: var(--ifm-color-info-contrast-background) !important;
 }
 *[class*="featureFamiliar"] *[class*="circleFamiliar"] {
-  border-color: #a27dff4a !important;
+  border-color: #4CB3D426 !important;
   background-color: white !important;
   border-width: 2px !important;
   width: 2.5rem;