diff --git a/sao/src/theme/coog/sao.less b/sao/src/theme/coog/sao.less
index 51d133497e8..bff1bb83359 100644
--- a/sao/src/theme/coog/sao.less
+++ b/sao/src/theme/coog/sao.less
@@ -220,6 +220,25 @@ div.scrollbar:has(+ div.treeview) {
     border-bottom:    none;
 }
 
+// the expander in the th should be set outside of the normal flow because
+// resizing the column makes the span and the div into the th to stack
+.treeview {
+    th {
+        .expander {
+            position: absolute;
+            top: 0;
+            // A negative offset for the case so that the text inside the title
+            // does not mangle with the expander
+            left: -3px;
+        }
+    }
+    th:has(> .expander) {
+        > div > label {
+            padding-left:       9px;
+        }
+    }
+}
+
 ///////////////////////////////////////////////////////////////////////////////
 // Top Menu
 ///////////////////////////////////////////////////////////////////////////////