diff --git a/layouts/partials/shortcodes/image.html b/layouts/partials/shortcodes/image.html
index c4c9466d07..1c28623420 100644
--- a/layouts/partials/shortcodes/image.html
+++ b/layouts/partials/shortcodes/image.html
@@ -35,12 +35,12 @@
 {{- end }}
 {{- $id := partial "make-random-md5.hugo" }}
 {{- if $lightbox }}
-<a class="lightbox-link" href="#image-{{ $id }}">
+<a href="#image-{{ $id }}" class="lightbox-link">
 {{- end }}
 <img src="{{ $url | safeURL }}" alt="{{ $alt }}"{{ with $title }} title="{{ . }}"{{ end }}{{ if len ($classes) }} class="{{ delimit $classes " " }}"{{ end }} style="height: {{ $height }}; width: {{ $width }};" loading="lazy">
 {{- if $lightbox }}
 </a>
 <a href="javascript:history.back();" class="lightbox" id="image-{{ $id }}">
-<img class="lightbox-image" src="{{ $url | safeURL }}" alt="{{ $alt }}"{{ with $title }} title="{{ . }}"{{ end }}loading="lazy">
+<img src="{{ $url | safeURL }}" alt="{{ $alt }}"{{ with $title }} title="{{ . }}"{{ end }} class="lightbox-image" loading="lazy">
 </a>
 {{- end }}
\ No newline at end of file
diff --git a/static/js/theme.js b/static/js/theme.js
index 0a3cb7bf70..f451c14e21 100644
--- a/static/js/theme.js
+++ b/static/js/theme.js
@@ -821,7 +821,7 @@ function mark() {
 		topbarLinks[i].classList.add( 'highlight' );
 	}
 
-	var bodyInnerLinks = document.querySelectorAll( '#body-inner a:not(.lightbox-link):not(.btn):not(.lightbox):not(a[rel="footnote"])' );
+	var bodyInnerLinks = document.querySelectorAll( '#body-inner a:not(.lightbox-link):not(.btn):not(.lightbox)' );
 	for( var i = 0; i < bodyInnerLinks.length; i++ ){
 		bodyInnerLinks[i].classList.add( 'highlight' );
 	}