diff --git a/src/ui/parcellationRegion/region.base.ts b/src/ui/parcellationRegion/region.base.ts
index 473a830af001bb96e532fb38d2f516afb92390b7..56742360d9194d228b1eda8c529373d48a190fe6 100644
--- a/src/ui/parcellationRegion/region.base.ts
+++ b/src/ui/parcellationRegion/region.base.ts
@@ -39,7 +39,7 @@ export class RegionBase {
     const rgb = this._region.rgb || (this._region.labelIndex && intToRgb(Number(this._region.labelIndex))) || [255, 200, 200]
     this.rgbString = `rgb(${rgb.join(',')})`
     const [_h, _s, l] = rgbToHsl(...rgb)
-    this.rgbDarkmode = l < 0.5
+    this.rgbDarkmode = l < 0.4
   }
 
   get region(){
diff --git a/src/ui/parcellationRegion/regionMenu/regionMenu.template.html b/src/ui/parcellationRegion/regionMenu/regionMenu.template.html
index d211e9da73e9eb4da66c7cf1c4809b99babbb779..87f5ba4b3a146d0199f8b1e3ba19baaa3f61acb4 100644
--- a/src/ui/parcellationRegion/regionMenu/regionMenu.template.html
+++ b/src/ui/parcellationRegion/regionMenu/regionMenu.template.html
@@ -13,7 +13,7 @@
     </mat-card-title>
 
     <!-- subtitle on what it is -->
-    <mat-card-subtitle class="d-inline-flex align-items-center">
+    <mat-card-subtitle class="d-inline-flex align-items-center flex-wrap">
       <mat-icon fontSet="fas" fontIcon="fa-brain"></mat-icon>
       <span>
         Brain region