diff --git a/website/src/components/Figure/Figure.tsx b/website/src/components/Figure/Figure.tsx
index 89d7e2ea20..95624e2e69 100644
--- a/website/src/components/Figure/Figure.tsx
+++ b/website/src/components/Figure/Figure.tsx
@@ -66,8 +66,7 @@
 // biome-ignore lint/style/useImportType: <explanation>
 import React from 'react';
 import useBaseUrl from '@docusaurus/useBaseUrl';
-
-import './styles.module.css';
+import styles from './styles.module.css';
 
 type Props = {
     // An optional alt text, if the caption does not already convey all relevant
@@ -81,7 +80,7 @@ type Props = {
 
 const Component: React.FC<Props> = ({ img, alt, caption }) => {
     return (
-        <figure>
+        <figure className={styles.figure}>
             <img alt={alt} src={useBaseUrl(img)} />
             <figcaption>{caption}</figcaption>
         </figure>
diff --git a/website/src/components/Figure/styles.module.css b/website/src/components/Figure/styles.module.css
index 514dafce5f..6b0db0a661 100644
--- a/website/src/components/Figure/styles.module.css
+++ b/website/src/components/Figure/styles.module.css
@@ -1,5 +1,5 @@
 /* Figures (with captions) */
-.main-wrapper figure {
+.figure {
     box-shadow: var(--ifm-global-shadow-lw);
     border-radius: var(--ifm-global-radius);
     border: var(--ifm-global-border-width) solid var(--unleash-color-gray);
@@ -7,16 +7,16 @@
     margin-inline: 0;
 }
 
-figure img {
+.figure img {
     box-shadow: none;
     border: none;
 }
 
-figure * + * {
+.figure * + * {
     margin-block-start: var(--ifm-pre-padding);
 }
 
-figcaption {
+.figure figcaption {
     font-size: var(--unleash-font-size-smaller);
     padding-inline: var(--ifm-pre-padding);
     border-inline-start: 5px solid var(--ifm-color-primary);