Fix resource tree styling (#1926)

* Fix style for when no global command

* Fix style override expression

---------

Co-authored-by: Laurent Nguyen <languye@microsoft.com>

src/Explorer/Sidebar.tsx

@@ -249,6 +249,12 @@ export const SidebarContainer: React.FC<SidebarProps> = ({ explorer }) => {
     setLoading(false);
   }, [setLoading]);
 
+  const hasGlobalCommands = !(
+    configContext.platform === Platform.Fabric ||
+    userContext.apiType === "Postgres" ||
+    userContext.apiType === "VCoreMongo"
+  );
+
   return (
     <Allotment ref={allotment} onChange={onChange} onDragEnd={onDragEnd} className="resourceTreeAndTabs">
       {/* Collections Tree - Start */}
@@ -285,8 +291,11 @@ export const SidebarContainer: React.FC<SidebarProps> = ({ explorer }) => {
                       </button>
                     </div>
                   </div>
-                  <div className={styles.expandedContent}>
-                    <GlobalCommands explorer={explorer} />
+                  <div
+                    className={styles.expandedContent}
+                    style={!hasGlobalCommands ? { gridTemplateRows: "1fr" } : undefined}
+                  >
+                    {hasGlobalCommands && <GlobalCommands explorer={explorer} />}
                     <ResourceTree explorer={explorer} />
                   </div>
                 </>