u

src/FrontOffice.Main/Shared/OrganizationChart.razor.css

@@ -6,15 +6,15 @@
     border: 1px solid #e0e0e0;
     border-radius: 8px;
     background: #fafafa;
+    position: relative;
 }
 
 .org-tree {
     display: flex;
     flex-direction: column;
     align-items: center;
-    min-width: 1200px;
-    min-height: 800px;
     padding: 20px;
+    position: absolute;
 }
 
 .org-node {
@@ -228,6 +228,7 @@
         opacity: 0;
         transform: translateY(-10px);
     }
+
     to {
         opacity: 1;
         transform: translateY(0);

src/FrontOffice.Main/Shared/OrganizationChartLevel.razor.css

@@ -36,6 +36,10 @@
 .org-node {
     position: relative;
     margin: 0px 15px 20px 15px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    min-width: 200px;
 }
 
 .node-connector {