diff --git a/R/funcs.R b/R/funcs.R
index bcff789..ce6e034 100644
--- a/R/funcs.R
+++ b/R/funcs.R
@@ -64,7 +64,19 @@ tab_fun <- function(dat, yrrng, fntsz = 14, family = NULL, rowgrp = c('Primary',
   tab <- reactable(
     totab, 
     columns = list(
-      rowgrp = colDef(name = 'Habitat', minWidth = habmin, maxWidth = habmin, align = 'left', class = 'sticky left-col-1-bord', headerClass = 'sticky left-col-1-bord', footerClass = 'sticky left-col-1-bord'), 
+      rowgrp = colDef(
+        name = 'Habitat', 
+        minWidth = habmin, 
+        maxWidth = habmin, 
+        align = 'left',
+        style = function(value, index) {
+          if (!index %in% bld) {
+            list(paddingLeft = "15px", fontSize = fntsz, fontFamily = family)
+          } else {
+            list(fontWeight = "bold", fontSize = fntsz, fontFamily = family)
+          }
+        }
+      ), 
       tot = colDef(name = 'Total projects', minWidth = 70, maxWidth = 70)
     ),
     defaultColDef = colDef(
diff --git a/docs/summaries.html b/docs/summaries.html
index 38c6f01..6c0effe 100644
--- a/docs/summaries.html
+++ b/docs/summaries.html
@@ -701,7 +701,7 @@ <h3 class="anchored" data-anchor-id="total-2024-projects">Total 2024 projects</h
 });
 </script>
 </div> <!-- /content -->
-<script>var lightboxQuarto = GLightbox({"loop":false,"selector":".lightbox","descPosition":"bottom","closeEffect":"zoom","openEffect":"zoom"});
+<script>var lightboxQuarto = GLightbox({"descPosition":"bottom","closeEffect":"zoom","selector":".lightbox","loop":false,"openEffect":"zoom"});
 window.onload = () => {
   lightboxQuarto.on('slide_before_load', (data) => {
     const { slideIndex, slideNode, slideConfig, player, trigger } = data;
diff --git a/docs/tabs/gentab.png b/docs/tabs/gentab.png
index 5ddde99..562d48c 100644
Binary files a/docs/tabs/gentab.png and b/docs/tabs/gentab.png differ
diff --git a/docs/tabs/pritab.png b/docs/tabs/pritab.png
index 0c2b29b..39af2a3 100644
Binary files a/docs/tabs/pritab.png and b/docs/tabs/pritab.png differ