diff --git a/layouts/shortcodes/details.html b/layouts/shortcodes/details.html
index 94e497d..6d1da38 100644
--- a/layouts/shortcodes/details.html
+++ b/layouts/shortcodes/details.html
@@ -1,3 +1,3 @@
-<details><summary>{{ .Get "title" }}</summary>
+<details {{ with .Get "class" }} class="{{ . }}"{{ end }}><summary>{{ .Get "title" }}</summary>
 {{ .Inner }}
 </details>