diff --git a/app/imports/ui/creature/character/characterSheetTabs/TreeTab.vue b/app/imports/ui/creature/character/characterSheetTabs/TreeTab.vue
index eb089c7c..69d3d1c9 100644
--- a/app/imports/ui/creature/character/characterSheetTabs/TreeTab.vue
+++ b/app/imports/ui/creature/character/characterSheetTabs/TreeTab.vue
@@ -12,7 +12,7 @@
         class="layout column"
         :style="
           $vuetify.breakpoint.mdAndUp &&
-            'max-width: 400px; min-width: 320px;'
+            'width: 320px; flex-shrink: 0; flex-grow: 0;'
         "
       >
         <v-toolbar
@@ -54,7 +54,8 @@
       <template v-if="$vuetify.breakpoint.mdAndUp">
         <v-divider vertical />
         <div
-          style="width: 100%; background-color: inherit;"
+          class="flex"
+          style="background-color: inherit; overflow: hidden;"
           data-id="selected-node-card"
         >
           <v-toolbar