diff --git a/src/blog/components/ArticleCards/ArticleCards.tsx b/src/blog/components/ArticleCards/ArticleCardsGrid.tsx
similarity index 98%
rename from src/blog/components/ArticleCards/ArticleCards.tsx
rename to src/blog/components/ArticleCards/ArticleCardsGrid.tsx
index 59f364f..8a51e79 100644
--- a/src/blog/components/ArticleCards/ArticleCards.tsx
+++ b/src/blog/components/ArticleCards/ArticleCardsGrid.tsx
@@ -8,7 +8,7 @@ import ArticleCardSize4 from "../ArticleCards/ArticleCardSize4";
 import ArticleCardSize2 from "../ArticleCards/ArticleCardSize2";
 
 
-export default function ArticleCards({
+export default function ArticleCardsGrid({
   articles,
   onSelectArticle,
 }: {
diff --git a/src/blog/components/MainContent.tsx b/src/blog/components/MainContent.tsx
index e87bde2..e068517 100644
--- a/src/blog/components/MainContent.tsx
+++ b/src/blog/components/MainContent.tsx
@@ -10,7 +10,7 @@ import SearchRoundedIcon from '@mui/icons-material/SearchRounded';
 import RssFeedRoundedIcon from '@mui/icons-material/RssFeedRounded';
 
 import { ArticleModel } from "../types/models";
-import ArticleCards from "./ArticleCards/ArticleCards";
+import ArticleCardsGrid from "./ArticleCards/ArticleCardsGrid";
 
 export function Search() {
   return (
@@ -53,7 +53,7 @@ export default function MainContent({
     }
 
     if (activeTag === tag) {
-      // 🟡 Toggle off current tag → reset to all
+      // 🟡 Toggle off the current tag → reset to all
       setVisibleArticles(articles);
       setActiveTag('all');
       return;
@@ -184,7 +184,7 @@ export default function MainContent({
           </IconButton>
         </Box>
       </Box>
-      <ArticleCards
+      <ArticleCardsGrid
         articles={visibleArticles}
         onSelectArticle={onSelectArticle}
       />