diff --git a/website/src/components/unleash-academy/Links.jsx b/website/src/components/unleash-academy/Links.jsx
index 76fc8ebdb8..c5c122bfa5 100644
--- a/website/src/components/unleash-academy/Links.jsx
+++ b/website/src/components/unleash-academy/Links.jsx
@@ -47,7 +47,7 @@ const links = [
 const Component = () => {
     return (
         <div className='links-container'>
-            <ul className='links-wrapper'>
+            <ul className='unleash-academy-links'>
                 {links.map(({ level, header, description, link }) => (
                     <li key={header}>
                         <LinkBox
diff --git a/website/src/css/custom.css b/website/src/css/custom.css
index 5e104d8dd7..c9ee028ac2 100644
--- a/website/src/css/custom.css
+++ b/website/src/css/custom.css
@@ -213,6 +213,7 @@ li.theme-doc-sidebar-item-category-level-1 > div::before {
 /* end video content container */
 
 /* Unleash academy content */
+
 /* breakpoints:
    show wide: >=1247
    show narrow: 997-1246
@@ -237,7 +238,7 @@ html[data-theme='dark'] .links-container {
     --border-color: var(--ifm-color);
 }
 
-.links-container ul {
+.unleash-academy-links {
     list-style: none;
     margin: 0;
     padding: 0;
@@ -296,7 +297,7 @@ html[data-theme='dark'] .links-container {
 }
 
 @media (min-width: 711px) and (max-width: 996px), (min-width: 1247px) {
-    .links-container ul {
+    .unleash-academy-links {
         display: grid;
         grid-template-columns: repeat(3, 1fr);
     }