diff --git a/Resources/Private/FlatNav/src/FlatNav.js b/Resources/Private/FlatNav/src/FlatNav.js
index 5958b32..d96c140 100644
--- a/Resources/Private/FlatNav/src/FlatNav.js
+++ b/Resources/Private/FlatNav/src/FlatNav.js
@@ -117,7 +117,7 @@ export default class FlatNav extends Component {
         if (isHidden) {
             return (
                 <span className="fa-layers fa-fw">
-                    <Icon icon={nodeTypeIcon} />
+                    <Icon icon={nodeTypeIcon} className={style.baseIcon} />
                     <Icon icon="circle" color="error" transform="shrink-3 down-6 right-4" />
                     <Icon icon="times" transform="shrink-7 down-6 right-4" />
                 </span>
@@ -127,7 +127,7 @@ export default class FlatNav extends Component {
         if (isHiddenBefore || isHiddenAfter) {
             return (
                 <span className="fa-layers fa-fw">
-                    <Icon icon={nodeTypeIcon} />
+                    <Icon icon={nodeTypeIcon} className={style.baseIcon} />
                     <Icon icon="circle" color="primaryBlue" transform="shrink-5 down-6 right-4" />
                     <Icon icon="clock" transform="shrink-9 down-6 right-4" />
                 </span>
@@ -135,7 +135,7 @@ export default class FlatNav extends Component {
         }
 
         return (
-            <Icon icon={nodeTypeIcon} />
+            <Icon icon={nodeTypeIcon} className={style.baseIcon} />
         );
     }
 
diff --git a/Resources/Private/FlatNav/src/style.modules.css b/Resources/Private/FlatNav/src/style.modules.css
index b5a926b..08e9217 100644
--- a/Resources/Private/FlatNav/src/style.modules.css
+++ b/Resources/Private/FlatNav/src/style.modules.css
@@ -13,6 +13,7 @@
 
 .panel {
     height: 100%;
+    overflow-y: hidden;
 }
 
 .toolbar {
@@ -53,6 +54,11 @@
     border-bottom: 1px solid var(--colors-ContrastDark);
 }
 
+.treeWrapper {
+    flex-grow: 1;
+    padding: 5px 0;
+}
+
 .pageTreeToolbarOriginal :is(div) {
     border-top: 0;
 }
@@ -60,11 +66,17 @@
 .node {
     display: flex;
     overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
     width: 100%;
     padding: 3px 6px;
     cursor: pointer;
+
+    &:hover {
+        .nodeIconWrapper,
+        .nodeIconWrapper svg.baseIcon,
+        .nodeLabel {
+            color: var(--colors-PrimaryBlueHover);
+        }
+    }
 }
 
 .nodeIconWrapper {