diff --git a/index.html b/index.html
index 0d47219..0000422 100644
--- a/index.html
+++ b/index.html
@@ -46,17 +46,17 @@ <h1>IBM <span>z/OS Connect</span></h1>
         <section class="repo-section" id="repo-section">
 
             <!-- Inline loading -->
-            <div data-inline-loading class="bx--inline-loading" role="alert" aria-live="assertive">
-                <div class="bx--inline-loading__animation">
+            <div data-inline-loading class="cds--inline-loading" role="alert" aria-live="assertive">
+                <div class="cds--inline-loading__animation">
                     <div style="width:32px;height:32px;" data-inline-loading-spinner
-                        class="bx--loading bx--loading--small">
-                        <svg class="bx--loading__svg" viewBox="-75 -75 150 150">
-                            <circle class="bx--loading__background" cx="0" cy="0" r="26.8125" />
-                            <circle class="bx--loading__stroke" cx="0" cy="0" r="26.8125" />
+                        class="cds--loading cds--loading--small">
+                        <svg class="cds--loading__svg" viewBox="-75 -75 150 150">
+                            <circle class="cds--loading__background" cx="0" cy="0" r="26.8125" />
+                            <circle class="cds--loading__stroke" cx="0" cy="0" r="26.8125" />
                         </svg>
                     </div>
                 </div>
-                <p data-inline-loading-text-active class="bx--inline-loading__text">Loading repository data...</p>
+                <p data-inline-loading-text-active class="cds--inline-loading__text">Loading repository data...</p>
             </div>
         </section>