diff --git a/layouts/partials/code_security/sca-lang-support.html b/layouts/partials/code_security/sca-lang-support.html
index 633d5529217..b08b27e01cb 100644
--- a/layouts/partials/code_security/sca-lang-support.html
+++ b/layouts/partials/code_security/sca-lang-support.html
@@ -19,14 +19,14 @@
       <div class="col">
         <a class="card h-100" href="{{ "security/code_security/software_composition_analysis/setup_static/?tab=github" | absLangURL }}">
           <div class="card-body text-center py-2 px-1 d-flex justify-content-center align-items-center">
-            {{ partial "img.html" (dict "root" . "src" "integrations_logos/java_avatar.svg" "class" "img-fluid" "alt" "java" "width" "50") }}
+            {{ partial "img.html" (dict "root" . "src" "integrations_logos/typescript_large.svg" "class" "img-fluid" "alt" "typescript" "width" "50") }}
           </div>
         </a>
       </div>
       <div class="col">
         <a class="card h-100" href="{{ "security/code_security/software_composition_analysis/setup_static/?tab=github" | absLangURL }}">
           <div class="card-body text-center py-2 px-1 d-flex justify-content-center align-items-center">
-            {{ partial "img.html" (dict "root" . "src" "integrations_logos/golang-avatar.png" "class" "img-fluid" "alt" "go" "width" "60") }}
+            {{ partial "img.html" (dict "root" . "src" "integrations_logos/java_avatar.svg" "class" "img-fluid" "alt" "java" "width" "50") }}
           </div>
         </a>
       </div>
@@ -36,28 +36,28 @@
       <div class="col">
         <a class="card h-100" href="{{ "security/code_security/software_composition_analysis/setup_static/?tab=github" | absLangURL }}">
           <div class="card-body text-center py-2 px-1 d-flex justify-content-center align-items-center">
-            {{ partial "img.html" (dict "root" . "src" "integrations_logos/ruby_avatar.svg" "class" "img-fluid" "alt" "ruby" "width" "50") }}
+            {{ partial "img.html" (dict "root" . "src" "integrations_logos/dotnet_avatar.svg" "class" "img-fluid" "alt" ".net" "width" "50") }}
           </div>
         </a>
       </div>
       <div class="col">
         <a class="card h-100" href="{{ "security/code_security/software_composition_analysis/setup_static/?tab=github" | absLangURL }}">
           <div class="card-body text-center py-2 px-1 d-flex justify-content-center align-items-center">
-            {{ partial "img.html" (dict "root" . "src" "integrations_logos/php_opcache.png" "class" "img-fluid" "alt" "php" "width" "80") }}
+            {{ partial "img.html" (dict "root" . "src" "integrations_logos/golang-avatar.png" "class" "img-fluid" "alt" "go" "width" "60") }}
           </div>
         </a>
       </div>
       <div class="col">
         <a class="card h-100" href="{{ "security/code_security/software_composition_analysis/setup_static/?tab=github" | absLangURL }}">
           <div class="card-body text-center py-2 px-1 d-flex justify-content-center align-items-center">
-            {{ partial "img.html" (dict "root" . "src" "integrations_logos/rust.png" "class" "img-fluid" "alt" "rust" "width" "80") }}
+            {{ partial "img.html" (dict "root" . "src" "integrations_logos/ruby_avatar.svg" "class" "img-fluid" "alt" "ruby" "width" "50") }}
           </div>
         </a>
       </div>
       <div class="col">
         <a class="card h-100" href="{{ "security/code_security/software_composition_analysis/setup_static/?tab=github" | absLangURL }}">
           <div class="card-body text-center py-2 px-1 d-flex justify-content-center align-items-center">
-            {{ partial "img.html" (dict "root" . "src" "integrations_logos/cpp.png" "class" "img-fluid" "alt" "c++" "width" "60") }}
+            {{ partial "img.html" (dict "root" . "src" "integrations_logos/php_opcache.png" "class" "img-fluid" "alt" "php" "width" "80") }}
           </div>
         </a>
       </div>
@@ -67,22 +67,30 @@
       <div class="col">
         <a class="card h-100" href="{{ "security/code_security/software_composition_analysis/setup_static/?tab=github" | absLangURL }}">
           <div class="card-body text-center py-2 px-1 d-flex justify-content-center align-items-center">
-            {{ partial "img.html" (dict "root" . "src" "integrations_logos/dart.svg" "class" "img-fluid" "alt" "dart" "width" "50") }}
+            {{ partial "img.html" (dict "root" . "src" "integrations_logos/rust.png" "class" "img-fluid" "alt" "rust" "width" "80") }}
           </div>
         </a>
       </div>
       <div class="col">
         <a class="card h-100" href="{{ "security/code_security/software_composition_analysis/setup_static/?tab=github" | absLangURL }}">
           <div class="card-body text-center py-2 px-1 d-flex justify-content-center align-items-center">
-            {{ partial "img.html" (dict "root" . "src" "integrations_logos/swift_avatar.svg" "class" "img-fluid" "alt" "swift" "width" "50") }}
+            {{ partial "img.html" (dict "root" . "src" "integrations_logos/cpp.png" "class" "img-fluid" "alt" "c++" "width" "60") }}
           </div>
         </a>
       </div>
       <div class="col">
-        &nbsp;
+        <a class="card h-100" href="{{ "security/code_security/software_composition_analysis/setup_static/?tab=github" | absLangURL }}">
+          <div class="card-body text-center py-2 px-1 d-flex justify-content-center align-items-center">
+            {{ partial "img.html" (dict "root" . "src" "integrations_logos/dart.svg" "class" "img-fluid" "alt" "dart" "width" "50") }}
+          </div>
+        </a>
       </div>
       <div class="col">
-        &nbsp;
+        <a class="card h-100" href="{{ "security/code_security/software_composition_analysis/setup_static/?tab=github" | absLangURL }}">
+          <div class="card-body text-center py-2 px-1 d-flex justify-content-center align-items-center">
+            {{ partial "img.html" (dict "root" . "src" "integrations_logos/swift_avatar.svg" "class" "img-fluid" "alt" "swift" "width" "50") }}
+          </div>
+        </a>
       </div>
     </div>
   </div>