diff --git a/webapp/packages/plugin-resource-manager/src/Tree/ResourceManagerTree.tsx b/webapp/packages/plugin-resource-manager/src/Tree/ResourceManagerTree.tsx
index 1297e291cd..95c5699c9d 100644
--- a/webapp/packages/plugin-resource-manager/src/Tree/ResourceManagerTree.tsx
+++ b/webapp/packages/plugin-resource-manager/src/Tree/ResourceManagerTree.tsx
@@ -37,12 +37,17 @@ const styles = css`
     width: 100%;
     min-width: 240px;
   }
-  div {
+  center {
+    height: 100%;
+    width: 100%;
+    display: flex;
+  }
+  message {
+    padding: 24px;
     box-sizing: border-box;
     max-width: 240px;
-    padding: 24px;
-    margin: auto;
     text-align: center;
+    margin: auto;
   }
 `;
 
@@ -62,9 +67,11 @@ export const ResourceManagerTree = observer(function ResourceManagerTree() {
           loadChildren={navTreeService.loadNestedNodes}
           control={NavigationNodeControl}
           emptyPlaceholder={() => styled(styles)(
-            <div>
-              {translate('plugin_resource_manager_no_resources_placeholder')}
-            </div>
+            <center>
+              <message>
+                {translate('plugin_resource_manager_no_resources_placeholder')}
+              </message>
+            </center>
           )}
           onOpen={node => navTreeService.navToNode(node.id, node.parentId)}
         />