diff --git a/components/cards.mdx b/components/cards.mdx
index 60e1687ec..aae9e7fd0 100644
--- a/components/cards.mdx
+++ b/components/cards.mdx
@@ -4,16 +4,16 @@ description: "Highlight main points or links with customizable icons"
 icon: 'square-mouse-pointer'
 ---
 
-<Card title="Card Title" icon="text" href="/components/card-groups">
+<Card title="Card Title" icon="text" href="/components/columns">
   This is how you use a card with an icon and a link. Clicking on this card
-  brings you to the Card Group page.
+  brings you to the Columns page.
 </Card>
 
 <RequestExample>
   ```jsx Card Example
-  <Card title="Click on me" icon="text" href="/components/card-group">
+  <Card title="Click on me" icon="text" href="/components/columns">
     This is how you use a card with an icon and a link. Clicking on this card
-    brings you to the Card Group page.
+    brings you to the Columns page.
   </Card>
   ```
 
@@ -48,12 +48,12 @@ You can customize the CTA and whether or not to display the arrow on the card. B
 <Card
   title="Link card"
   icon="link"
-  href="/components/card-groups"
+  href="/components/columns"
   arrow="true"
   cta="Click here"
 >
   This is how you use a card with an icon and a link. Clicking on this card
-  brings you to the Card Group page.
+  brings you to the Columns page.
 </Card>
 
 <RequestExample>
@@ -61,12 +61,12 @@ You can customize the CTA and whether or not to display the arrow on the card. B
   <Card
     title="Link card"
     icon="link"
-    href="/components/card-groups"
+    href="/components/columns"
     arrow="true"
     cta="Click here"
   >
     This is how you use a card with an icon and a link. Clicking on this card
-    brings you to the Card Group page.
+    brings you to the Columns page.
   </Card>
   ```
 </RequestExample>
diff --git a/components/card-groups.mdx b/components/columns.mdx
similarity index 75%
rename from components/card-groups.mdx
rename to components/columns.mdx
index b3cfc72a8..367f88c8d 100644
--- a/components/card-groups.mdx
+++ b/components/columns.mdx
@@ -4,28 +4,28 @@ description: 'Show cards side by side in a grid format'
 icon: 'columns-2'
 ---
 
-The `CardGroup` component lets you group multiple `Card` components together. It's most often used to put multiple cards in a grid, by specifying the number of grid columns.
+The `Columns` component lets you group multiple `Card` components together. It's most often used to put multiple cards in a grid, by specifying the number of grid columns.
 
-<CardGroup cols={2}>
+<Columns cols={2}>
   <Card title="First Card" icon="panel-left-close">
     Neque porro quisquam est qui dolorem ipsum quia dolor sit amet
   </Card>
   <Card title="Second Card" icon="panel-right-close">
     Lorem ipsum dolor sit amet, consectetur adipiscing elit
   </Card>
-</CardGroup>
+</Columns>
 
 <RequestExample>
 
 ```jsx Card Group Example
-<CardGroup cols={2}>
+<Columns cols={2}>
   <Card title="First Card">
     Neque porro quisquam est qui dolorem ipsum quia dolor sit amet
   </Card>
   <Card title="Second Card">
     Lorem ipsum dolor sit amet, consectetur adipiscing elit
   </Card>
-</CardGroup>
+</Columns>
 ```
 
 </RequestExample>
diff --git a/docs.json b/docs.json
index 35f1a8665..95ea82880 100644
--- a/docs.json
+++ b/docs.json
@@ -49,7 +49,7 @@
               "components/accordions",
               "components/callouts",
               "components/cards",
-              "components/card-groups",
+              "components/columns",
               "components/code-groups",
               "components/examples",
               "components/expandables",