From aef79e0af46c85e177d104347453829144bb946f Mon Sep 17 00:00:00 2001
From: Johan Persson <johanopersson@gmail.com>
Date: Tue, 3 Mar 2026 12:44:06 +0100
Subject: [PATCH] fix(catalog): style icon links section in AboutCard

Add horizontal borders and bottom margin to the icon links container
in the AboutCard to visually separate it from the card content.

Signed-off-by: Johan Persson <johanopersson@gmail.com>
---
 .../src/components/AboutCard/AboutCard.tsx        | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/plugins/catalog/src/components/AboutCard/AboutCard.tsx b/plugins/catalog/src/components/AboutCard/AboutCard.tsx
index e516432dad..065d786a13 100644
--- a/plugins/catalog/src/components/AboutCard/AboutCard.tsx
+++ b/plugins/catalog/src/components/AboutCard/AboutCard.tsx
@@ -72,6 +72,16 @@ import { createFromTemplateRouteRef, viewTechDocRouteRef } from '../../routes';
 import { catalogTranslationRef } from '../../alpha/translation';
 import { useSourceTemplateCompoundEntityRef } from './hooks';
 import { AboutContent } from './AboutContent';
+import { makeStyles } from '@material-ui/core/styles';
+
+const useStyles = makeStyles({
+  linkContainer: {
+    border: '1px solid var(--bui-border-1)',
+    borderLeft: 'none',
+    borderRight: 'none',
+    marginBottom: 'var(--bui-space-6)',
+  },
+});
 
 export function useCatalogSourceIconLinkProps() {
   const { entity } = useEntity();
@@ -154,6 +164,7 @@ export interface InternalAboutCardProps {
 
 export function InternalAboutCard(props: InternalAboutCardProps) {
   const { iconLinks } = props;
+  const classes = useStyles();
   const { entity } = useEntity();
   const catalogApi = useApi(catalogApiRef);
   const alertApi = useApi(alertApiRef);
@@ -223,7 +234,9 @@ export function InternalAboutCard(props: InternalAboutCardProps) {
         </>
       }
     >
-      {iconLinks ?? <DefaultAboutCardSubheader />}
+      <div className={classes.linkContainer}>
+        {iconLinks ?? <DefaultAboutCardSubheader />}
+      </div>
       <AboutContent entity={entity} />
     </EntityInfoCard>
   );