diff --git a/docs/src/app/pages/component-category-list/component-category-list.scss b/docs/src/app/pages/component-category-list/component-category-list.scss
index 71b03b1a159c..e4e37b5e0332 100644
--- a/docs/src/app/pages/component-category-list/component-category-list.scss
+++ b/docs/src/app/pages/component-category-list/component-category-list.scss
@@ -38,17 +38,13 @@
   flex-wrap: wrap;
   padding: 20px 20px 100px;
   justify-content: center;
+  gap: 40px;
 }
 
 .docs-component-category-list-item {
-  display: inline-block;
-  margin: 20px;
-  vertical-align: top;
   width: 280px;
 
   .docs-component-category-list-card-title {
-    align-items: center;
-    display: flex;
     padding: 16px;
     font-size: 20px;
     font-weight: 500;
diff --git a/docs/src/app/pages/homepage/homepage.scss b/docs/src/app/pages/homepage/homepage.scss
index acf787d85983..b9907766b0b5 100644
--- a/docs/src/app/pages/homepage/homepage.scss
+++ b/docs/src/app/pages/homepage/homepage.scss
@@ -58,9 +58,6 @@ a.docs-link:hover {
 }
 
 .docs-homepage-promo {
-  align-items: center;
-  display: flex;
-  flex-direction: column;
   padding: 16px;
   width: 75%;
   max-width: 1080px;