diff --git a/src/main/packages/common/uml-component/uml-component-component.tsx b/src/main/packages/common/uml-component/uml-component-component.tsx
index 45305628..c66f1621 100644
--- a/src/main/packages/common/uml-component/uml-component-component.tsx
+++ b/src/main/packages/common/uml-component/uml-component-component.tsx
@@ -33,7 +33,7 @@ export const UMLComponentComponent: FunctionComponent<Props> = ({ element, child
           {`«${element.stereotype}»`}
         </tspan>
       )}
-      <tspan x="50%" dy={element.stereotype && element.displayStereotype ? 18 : 10} textAnchor="middle">
+      <tspan x="50%" dy={element.stereotype && element.displayStereotype ? 18 : 0} textAnchor="middle">
         {element.name}
       </tspan>
     </Text>
diff --git a/src/main/packages/uml-component-diagram/uml-component-subsystem/uml-component-subsystem-component.tsx b/src/main/packages/uml-component-diagram/uml-component-subsystem/uml-component-subsystem-component.tsx
index 9c24483d..71e3809a 100644
--- a/src/main/packages/uml-component-diagram/uml-component-subsystem/uml-component-subsystem-component.tsx
+++ b/src/main/packages/uml-component-diagram/uml-component-subsystem/uml-component-subsystem-component.tsx
@@ -33,7 +33,7 @@ export const UMLComponentSubsystem: FunctionComponent<Props> = ({ element, child
           {`«${element.stereotype}»`}
         </tspan>
       )}
-      <tspan x="50%" dy={element.stereotype && element.displayStereotype ? 18 : 10} textAnchor="middle">
+      <tspan x="50%" dy={element.stereotype && element.displayStereotype ? 18 : 0} textAnchor="middle">
         {element.name}
       </tspan>
     </Text>
diff --git a/src/main/packages/uml-deployment-diagram/uml-deployment-node/uml-deployment-node-component.tsx b/src/main/packages/uml-deployment-diagram/uml-deployment-node/uml-deployment-node-component.tsx
index a2d5fc2c..3ed1d1b5 100644
--- a/src/main/packages/uml-deployment-diagram/uml-deployment-node/uml-deployment-node-component.tsx
+++ b/src/main/packages/uml-deployment-diagram/uml-deployment-node/uml-deployment-node-component.tsx
@@ -33,7 +33,7 @@ export const UMLDeploymentNodeComponent: FunctionComponent<Props> = ({ element,
       )}
       <tspan
         x="50%"
-        dy={element.stereotype && element.displayStereotype ? 18 : 10}
+        dy={element.stereotype && element.displayStereotype ? 18 : 0}
         textDecoration="underline"
         textAnchor="middle"
       >