diff --git a/sass/_article.scss b/sass/_article.scss
index 251d6fc..9556fee 100644
--- a/sass/_article.scss
+++ b/sass/_article.scss
@@ -159,13 +159,13 @@
 			width: min(calc(var(--container-width) / 3), calc(90vw - 3rem));
 			max-height: 50vh;
 
-			&-title {
+			& > strong {
 				color: var(--fg-muted-4);
 				font-size: var(--font-size-x-large);
 				line-height: 1;
 			}
 
-			&-container {
+			div {
 				flex: 1;
 				mask-image: linear-gradient(to bottom, transparent, black 1rem, black calc(100% - 1rem), transparent);
 				margin: 0 -1rem -1rem;
diff --git a/templates/article.html b/templates/article.html
index 15d3155..c6bfaf0 100644
--- a/templates/article.html
+++ b/templates/article.html
@@ -83,8 +83,8 @@
 		<details id="toc" class="closable">
 			<summary title="{{ macros_translate::translate(key='table_of_contents', default='Table of Contents', language_strings=language_strings) }}"><i class="icon"></i></summary>
 			<div id="toc-dropdown">
-				<strong id="toc-dropdown-title">{{ macros_translate::translate(key="table_of_contents", default="Table of Contents", language_strings=language_strings) }}</strong>
-				<div id="toc-dropdown-container">
+				<strong>{{ macros_translate::translate(key="table_of_contents", default="Table of Contents", language_strings=language_strings) }}</strong>
+				<div>
 					<ul>
 						{%- for h1 in page.toc -%}
 							<li>