fix: styling issues in TCA modals

Author: vas3a

src/shared/components/ProfilePage/TcaCertificates/CertificationBadge/styles.scss

@@ -22,29 +22,29 @@
   }
 
   &:global(.badge-datascience--beginner) {
-    background-position: -66px -63px;
+    background-position: -126px -6px;
   }
 
   &:global(.badge-datascience--intermediate) {
-    background-position: -126px -6px;
+    background-position: -66px -63px;
   }
 
   &:global(.badge-datascience--expert) {
-    background-position: -126px -63px;
-  }
-
-  &:global(.badge-database--intermediate) {
     background-position: -6px -119px;
   }
 
   &:global(.badge-database--beginner) {
-    background-position: -66px -119px;
+    background-position: -126px -63px;
   }
 
-  &:global(.badge-database--expert) {
+  &:global(.badge-database--intermediate) {
     background-position: -126px -119px;
   }
 
+  &:global(.badge-database--expert) {
+    background-position: -66px -119px;
+  }
+
   &:global(.badge-design--beginner) {
     background-position: -186px -6px;
   }
@@ -69,27 +69,27 @@
     background-position: -126px -176px;
   }
 
-  &:global(.badge-qa--expert) {
+  &:global(.badge-qa--beginner) {
     background-position: -186px -176px;
   }
 
-  &:global(.badge-qa--beginner) {
+  &:global(.badge-qa--intermediate) {
     background-position: -246px -6px;
   }
 
-  &:global(.badge-qa--intermediate) {
+  &:global(.badge-qa--expert) {
     background-position: -246px -63px;
   }
 
   &:global(.badge-security--beginner) {
     background-position: -246px -119px;
   }
 
-  &:global(.badge-security--expert) {
+  &:global(.badge-security--intermediate) {
     background-position: -246px -176px;
   }
 
-  &:global(.badge-security--intermediate) {
+  &:global(.badge-security--expert) {
     background-position: -6px -233px;
   }
 }

src/shared/components/ProfilePage/TcaCertificates/TcaCertificationCertificateModal/styles.scss

@@ -29,7 +29,7 @@
   height: 788px;
   max-height: 100%;
   width: calc(100% + 37px + 37px);
-  margin: -101px -37px -36px;
+  margin: -102px -37px -36px;
 
   @include xs-to-sm {
     height: auto;

src/shared/components/ProfilePage/TcaCertificates/styles.scss

@@ -1,7 +1,8 @@
 @import "~styles/mixins";
 
 .tca-certificates {
-  margin-top: 32px;
+  margin-top: 68px;
+  margin-bottom: -36px;
   background: $listing-filter-bg;
   padding: 32px;
   border-radius: 8px;