diff --git a/client/src/curriculum/index.scss b/client/src/curriculum/index.scss
index f1fec758b059..3eb0b12ca617 100644
--- a/client/src/curriculum/index.scss
+++ b/client/src/curriculum/index.scss
@@ -181,7 +181,7 @@
         border: 0;
         border-radius: var(--elem-radius);
         margin: 1rem;
-        padding: 1rem 2rem;
+        padding: 0.5rem 2rem;
 
         > :last-child {
           margin-bottom: 0;
diff --git a/client/src/ui/base/_themes.scss b/client/src/ui/base/_themes.scss
index c40fc05c5a4f..3b9d4a239a86 100644
--- a/client/src/ui/base/_themes.scss
+++ b/client/src/ui/base/_themes.scss
@@ -475,16 +475,16 @@
   --cur-color-topic-standards: #{$mdn-color-light-theme-red-30};
   --cur-color-topic-styling: #{$mdn-color-light-theme-blue-30};
   --cur-color-topic-scripting: #cfc23f;
-  --cur-color-topic-tooling: #ce93fa;
-  --cur-color-topic-practices: #55ab2d;
+  --cur-color-topic-tooling: #55ab2d;
+  --cur-color-topic-practices: #ce93fa;
   --cur-bg-color: #664b33;
-  --cur-bg-color-note: #664b33;
+  --cur-bg-color-note: #332e2b;
   --cur-bg-large-color: #343434;
   --cur-bg-color-topic-standards: #994b53;
   --cur-bg-color-topic-styling: #4e609e;
   --cur-bg-color-topic-scripting: #7d683d;
-  --cur-bg-color-topic-tooling: #584280;
-  --cur-bg-color-topic-practices: #3d7c4b;
+  --cur-bg-color-topic-tooling: #3d7c4b;
+  --cur-bg-color-topic-practices: #584280;
   --cur-bg-color-landing: #0e0b0a;
   --cur-bg-color-landing-about-ul: #000;
   --cur-bg-color-landing-top-icon: rgba(178, 92, 53, 0.3);
@@ -507,8 +507,8 @@
   --cur-bg-color-list-item-icon-topic-standards: #994b53;
   --cur-bg-color-list-item-icon-topic-styling: #4e609e;
   --cur-bg-color-list-item-icon-topic-scripting: #7d683d;
-  --cur-bg-color-list-item-icon-topic-tooling: #584280;
-  --cur-bg-color-list-item-icon-topic-practices: #3d7c4b;
+  --cur-bg-color-list-item-icon-topic-tooling: #3d7c4b;
+  --cur-bg-color-list-item-icon-topic-practices: #584280;
   --cur-shadow: 4px 4px 8px 0 rgba(36, 36, 36, 0.15),
     -4px 4px 8px 0 rgb(36, 36, 36);
   --cur-shadow-landing-about-ul: 4px 4px 8px 0 rgba(36, 36, 36, 0.15),