diff --git a/R/cards.R b/R/cards.R
index 3438dac6..65cc62db 100644
--- a/R/cards.R
+++ b/R/cards.R
@@ -1066,7 +1066,7 @@ bs4InfoBox <- function(title, value = NULL, subtitle = NULL, icon = shiny::icon(
 #' @family cards
 #' @rdname tabBox
 #'
-#' @note User will access the \link{tabBox} input with input$<tabset_id>_box. This allows
+#' @note User will access the \link{tabBox} input with input$<id>_box. This allows
 #' to get the state of the box and update it on the server with \link{updateBox}.
 #'
 #' @examples
@@ -1223,8 +1223,8 @@ bs4TabCard <- function(..., id = NULL, selected = NULL, title = NULL, width = 6,
   }
 
   # add custom input id. User will access the tabBox input with input$<tabset_id>_box
-  boxTag$children[[1]]$attribs$id <- paste0(id, "_box")
-  boxTag$children[[2]]$attribs$`data-for` <- paste0(id, "_box")
+  boxTag$children[[1]]$attribs$id <- if (!is.null(id)) paste0(id, "_box")
+  boxTag$children[[2]]$attribs$`data-for` <- if (!is.null(id)) paste0(id, "_box")
   boxTag
 }
 
diff --git a/docs/pkgdown.yml b/docs/pkgdown.yml
index 92b09ba0..a2dcb0b3 100644
--- a/docs/pkgdown.yml
+++ b/docs/pkgdown.yml
@@ -8,5 +8,5 @@ articles:
   improved-boxes: improved-boxes.html
   more-skins: more-skins.html
   step-by-step: step-by-step.html
-last_built: 2021-05-26T12:12Z
+last_built: 2021-05-26T12:58Z
 
diff --git a/docs/reference/tabBox.html b/docs/reference/tabBox.html
index b84e759d..431a54cb 100644
--- a/docs/reference/tabBox.html
+++ b/docs/reference/tabBox.html
@@ -161,7 +161,7 @@ <h1>Create a Boostrap 4 tabCard</h1>
 
     <pre class="usage"><span class='fu'>bs4TabCard</span><span class='op'>(</span>
   <span class='va'>...</span>,
-  <span class='va'>id</span>,
+  id <span class='op'>=</span> <span class='cn'>NULL</span>,
   selected <span class='op'>=</span> <span class='cn'>NULL</span>,
   title <span class='op'>=</span> <span class='cn'>NULL</span>,
   width <span class='op'>=</span> <span class='fl'>6</span>,
@@ -188,7 +188,7 @@ <h1>Create a Boostrap 4 tabCard</h1>
 
 <span class='fu'>tabBox</span><span class='op'>(</span>
   <span class='va'>...</span>,
-  <span class='va'>id</span>,
+  id <span class='op'>=</span> <span class='cn'>NULL</span>,
   selected <span class='op'>=</span> <span class='cn'>NULL</span>,
   title <span class='op'>=</span> <span class='cn'>NULL</span>,
   width <span class='op'>=</span> <span class='fl'>6</span>,
@@ -415,7 +415,7 @@ <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arg
 
     <h2 class="hasAnchor" id="note"><a class="anchor" href="#note"></a>Note</h2>
 
-    <p>User will access the tabBox input with input$&lt;tabset_id&gt;_box. This allows
+    <p>User will access the tabBox input with input$&lt;id&gt;_box. This allows
 to get the state of the box and update it on the server with <a href='descriptionBlock.html'>updateBox</a>.</p>
     <h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>
 
diff --git a/man/tabBox.Rd b/man/tabBox.Rd
index 314703af..622f3e58 100644
--- a/man/tabBox.Rd
+++ b/man/tabBox.Rd
@@ -7,7 +7,7 @@
 \usage{
 bs4TabCard(
   ...,
-  id,
+  id = NULL,
   selected = NULL,
   title = NULL,
   width = 6,
@@ -34,7 +34,7 @@ bs4TabCard(
 
 tabBox(
   ...,
-  id,
+  id = NULL,
   selected = NULL,
   title = NULL,
   width = 6,
@@ -172,7 +172,7 @@ TRUE by default}
 Build an adminLTE3 card with tabs
 }
 \note{
-User will access the \link{tabBox} input with input$<tabset_id>_box. This allows
+User will access the \link{tabBox} input with input$<id>_box. This allows
 to get the state of the box and update it on the server with \link{updateBox}.
 }
 \examples{