diff --git a/collections/css-background-patterns.yaml b/collections/css/background-patterns.yaml
similarity index 93%
rename from collections/css-background-patterns.yaml
rename to collections/css/background-patterns.yaml
index 26f04e8cf..0035c1ad8 100644
--- a/collections/css-background-patterns.yaml
+++ b/collections/css/background-patterns.yaml
@@ -1,4 +1,4 @@
-slug: c/css-background-patterns
+slug: css/background-patterns
 name: CSS Background Patterns
 featured: true
 snippetIds:
diff --git a/collections/css-button-transitions.yaml b/collections/css/button-transitions.yaml
similarity index 94%
rename from collections/css-button-transitions.yaml
rename to collections/css/button-transitions.yaml
index d4b584539..a58778207 100644
--- a/collections/css-button-transitions.yaml
+++ b/collections/css/button-transitions.yaml
@@ -1,4 +1,4 @@
-slug: c/css-button-transitions
+slug: css/button-transitions
 name: CSS Button Transitions
 featured: true
 snippetIds:
diff --git a/collections/css-centering.yaml b/collections/css/centering.yaml
similarity index 95%
rename from collections/css-centering.yaml
rename to collections/css/centering.yaml
index 135a49825..7d9e3cca6 100644
--- a/collections/css-centering.yaml
+++ b/collections/css/centering.yaml
@@ -1,4 +1,4 @@
-slug: c/css-centering
+slug: css/centering
 name: CSS Centering
 featured: true
 snippetIds:
diff --git a/collections/css-hover-effects.yaml b/collections/css/hover-effects.yaml
similarity index 96%
rename from collections/css-hover-effects.yaml
rename to collections/css/hover-effects.yaml
index cdf826310..a2d6942c7 100644
--- a/collections/css-hover-effects.yaml
+++ b/collections/css/hover-effects.yaml
@@ -1,4 +1,4 @@
-slug: c/css-hover-effects
+slug: css/hover-effects
 name: CSS Hover Effects
 featured: true
 snippetIds:
diff --git a/hub.yaml b/hub.yaml
index 79c7f531f..b0b5ec816 100644
--- a/hub.yaml
+++ b/hub.yaml
@@ -21,7 +21,7 @@ featuredListings:
 - c/js-promises
 - c/js-comparison
 - c/html-head-basics
-- c/css-centering
+- css/centering
 - c/js-css-manipulation
 - c/js-url
 - c/js-proxy
@@ -38,16 +38,16 @@ featuredListings:
 - c/js-array-tricks
 - c/js-object-key-transformations
 - c/react-testing
-- c/css-hover-effects
+- css/hover-effects
 - c/js-string-casing
 - c/js-generators
 - c/js-array-set-operations
-- c/css-button-transitions
+- css/button-transitions
 - c/js-random-value-generators
 - c/js-web-storage-essentials
 - c/js-scroll
 - c/js-array-initialization
-- c/css-background-patterns
+- css/background-patterns
 - c/js-object-cloning
 - react/components
 - c/js-http-requests