diff --git a/layouts/shortcodes/spoiler.html b/layouts/shortcodes/spoiler.html
index 344b74b3..6d617ed9 100644
--- a/layouts/shortcodes/spoiler.html
+++ b/layouts/shortcodes/spoiler.html
@@ -1,14 +1,13 @@
-{{- $id := printf "spoiler-%s" (.Get "text" | lower | urlize) -}}
+{{- $id := printf "spoiler-%d" .Ordinal -}}
 <div class="spoiler {{ .Get "class" }}" {{ with .Get "style" }}style="{{ . | safeCSS }}"{{ end }}>
-<p>
-  <a class="btn btn-primary" data-toggle="collapse" href="#{{$id}}" role="button" aria-expanded="false" aria-controls="{{$id}}">
-    {{ .Get "text" }}
-  </a>
-</p>
-<div class="collapse {{ if (eq (.Get "open") "true") }}show{{ end }}" id="{{$id}}">
-  <div class="card">
+  <p>
+    <a class="btn btn-primary" data-toggle="collapse" href="#{{$id}}" role="button" aria-expanded="false" aria-controls="{{$id}}">
+      {{ .Get "text" | emojify }}
+    </a>
+  </p>
+  <div class="collapse card {{ if (eq (.Get "open") "true") }}show{{ end }}" id="{{$id}}">
     <div class="card-body">
-    {{ .Inner | markdownify | emojify }}
+      {{ .Inner | markdownify | emojify }}
     </div>
   </div>
 </div>
\ No newline at end of file