diff --git a/apps/docs/src/components/pages/home/dataflow/dataflow.tsx b/apps/docs/src/components/pages/home/dataflow/dataflow.tsx
index b491dc5a5..39f2a8aea 100644
--- a/apps/docs/src/components/pages/home/dataflow/dataflow.tsx
+++ b/apps/docs/src/components/pages/home/dataflow/dataflow.tsx
@@ -39,7 +39,7 @@ export const DataflowVisualizationComponent = () => (
diff --git a/apps/docs/src/pages/index.module.css b/apps/docs/src/pages/index.module.css
index 4c17f58aa..3c3b084bb 100644
--- a/apps/docs/src/pages/index.module.css
+++ b/apps/docs/src/pages/index.module.css
@@ -304,8 +304,11 @@ section {
display: flex;
flex-direction: column;
align-items: center;
+ justify-content: center;
gap: 0.5rem;
+ box-sizing: border-box;
width: clamp(4.5rem, 10vw, 7.5rem);
+ aspect-ratio: 1;
padding: clamp(0.6rem, 1.5vw, 1rem);
border-radius: 0.875rem;
color: var(--ifm-font-color-base);
@@ -387,11 +390,6 @@ section {
filter: brightness(0) invert(1);
}
-.dataflowHub span {
- color: #171717;
- font-size: clamp(0.8rem, 1.8vw, 1rem);
-}
-
@keyframes dataflow-signal {
to {
stroke-dashoffset: -1;