diff --git a/frontend/src/app/blog/blogDataCards.tsx b/frontend/src/app/blog/blogDataCards.tsx
index c9d38f9..9bcc0ce 100644
--- a/frontend/src/app/blog/blogDataCards.tsx
+++ b/frontend/src/app/blog/blogDataCards.tsx
@@ -20,24 +20,7 @@ export default async function BlogDataCards({
         <>
             <div className="grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-3">
                 <BlogpageButtons className="col-span-full" />
-                {/* Only map fist article */}
                 {articles.map((article: BlogPost) => {
-                    if (article.firstArticle) {
-                        return (
-                            <React.Fragment key={article.key}>
-                                <FullBlogCard
-                                    className="col-span-full"
-                                    article={article}
-                                />
-                            </React.Fragment>
-                        );
-                    }
-                })}
-
-                {articles.map((article: BlogPost) => {
-                    if (article.firstArticle) {
-                        return;
-                    }
                     return (
                         <React.Fragment key={article.key}>
                             <FullBlogCard article={article} />
diff --git a/frontend/src/app/blog/page.tsx b/frontend/src/app/blog/page.tsx
index af1d17e..40d1bdb 100644
--- a/frontend/src/app/blog/page.tsx
+++ b/frontend/src/app/blog/page.tsx
@@ -36,7 +36,7 @@ export default async function BlogPage({
 
     const result = await fetchArticlePages({
         currentPage: currentPage,
-        pageSize: 7,
+        pageSize: 9,
         tag: tag,
     });
 
diff --git a/frontend/src/app/projects/page.tsx b/frontend/src/app/projects/page.tsx
index 2019676..3dd4879 100644
--- a/frontend/src/app/projects/page.tsx
+++ b/frontend/src/app/projects/page.tsx
@@ -89,7 +89,7 @@ export default async function ProjectsPage() {
                             key={project.id}
                             data-testid="projectCard"
                         >
-                            <Card className="h-full w-full hover:border-primary">
+                            <Card className="h-full w-full bg-background hover:border-primary">
                                 <CardHeader></CardHeader>
                                 <CardContent>
                                     <div className="w-full">
@@ -112,12 +112,10 @@ export default async function ProjectsPage() {
                                             {project?.attributes?.title}
                                         </CardTitle>
                                         <p className="break-words">
-                                            <span>
-                                                {SlicePreviewText(
-                                                    project?.attributes
-                                                        ?.content ?? [],
-                                                )}
-                                            </span>
+                                            {SlicePreviewText(
+                                                project?.attributes?.content ??
+                                                    [],
+                                            )}
                                         </p>
                                     </div>
                                 </CardContent>
diff --git a/frontend/src/components/BlogPaginator.tsx b/frontend/src/components/BlogPaginator.tsx
index 60b502b..7984d9b 100644
--- a/frontend/src/components/BlogPaginator.tsx
+++ b/frontend/src/components/BlogPaginator.tsx
@@ -23,7 +23,7 @@ export default function BlogPaginator({
     let currentPage = parseInt(page ?? "1", 10);
     currentPage = currentPage > 1 ? currentPage : 1;
 
-    const pageSize = 7;
+    const pageSize = 9;
     const totalPages = Math.ceil(Number(totalArticles) / pageSize);
 
     function handlePageChange(page: number) {
diff --git a/frontend/src/lib/data/fetchArticleInfo.tsx b/frontend/src/lib/data/fetchArticleInfo.tsx
index e983108..3e696cf 100644
--- a/frontend/src/lib/data/fetchArticleInfo.tsx
+++ b/frontend/src/lib/data/fetchArticleInfo.tsx
@@ -66,8 +66,6 @@ export default async function fetchArticlePages({
     pageSize: number;
     tag: string | null;
 }) {
-    let firstArticle = true;
-
     let graphqlData;
 
     if (!tag) {
@@ -137,7 +135,6 @@ export default async function fetchArticlePages({
 
         articleList.push({
             key: article.id,
-            firstArticle: firstArticle,
             title,
             content,
             coverImage,
@@ -148,8 +145,6 @@ export default async function fetchArticlePages({
             avatarURL,
             slug: article.attributes.slug,
         });
-
-        firstArticle = false;
     });
 
     const totalArticles = graphqlData.data?.articles?.meta?.pagination?.total;