diff --git a/layouts/shortcodes/carousel.html b/layouts/shortcodes/carousel.html
index 742bb747..1f424a1d 100644
--- a/layouts/shortcodes/carousel.html
+++ b/layouts/shortcodes/carousel.html
@@ -1,5 +1,4 @@
-{{ $time := now.UnixNano }}
-{{ $id := delimit (slice "gallery" $time) "-" }}
+{{ $id := delimit (slice "carousel" .Ordinal now.UnixNano) "-" }}
 {{ $aspect := default "16-9" (.Get "aspectRatio") }}
 {{ $images := .Page.Resources.Match (.Get "images") }}
 {{ $interval := default "2000" (.Get "interval") }}
diff --git a/layouts/shortcodes/chart.html b/layouts/shortcodes/chart.html
index 98ae8fa7..82c92aad 100644
--- a/layouts/shortcodes/chart.html
+++ b/layouts/shortcodes/chart.html
@@ -1,5 +1,5 @@
+{{ $id := delimit (slice "chart" .Ordinal now.UnixNano) "-" }}
 <div class="chart">
-  {{ $id := delimit (shuffle (seq 1 9)) "" }}
   <canvas id="{{ $id }}"></canvas>
   <script type="text/javascript">
     window.addEventListener("DOMContentLoaded", (event) => {
diff --git a/layouts/shortcodes/gallery.html b/layouts/shortcodes/gallery.html
index a5a9f4d3..f03d709d 100644
--- a/layouts/shortcodes/gallery.html
+++ b/layouts/shortcodes/gallery.html
@@ -1,4 +1,4 @@
-{{ $id := delimit (slice "gallery" .Ordinal) "-" }}
+{{ $id := delimit (slice "gallery" .Ordinal now.UnixNano) "-" }}
 
 <div id="{{ $id }}">
   {{ .Inner }}
diff --git a/layouts/shortcodes/typeit.html b/layouts/shortcodes/typeit.html
index 696de9e0..2155ee09 100644
--- a/layouts/shortcodes/typeit.html
+++ b/layouts/shortcodes/typeit.html
@@ -13,8 +13,7 @@
 {{- end -}}
 {{- $tag := .Get "tag" | default "div" -}}
 
-{{ $time := now.UnixNano }}
-{{ $id := delimit (slice "typeit" $time) "-" }}
+{{ $id := delimit (slice "typeit" .Ordinal now.UnixNano) "-" }}
 
 {{- $attrs := printf `id="%v"` $id -}}
 {{- with $classList -}}