diff --git a/src/components/Masonry.tsx b/src/components/Masonry.tsx
index 8b60cc0..5920cad 100644
--- a/src/components/Masonry.tsx
+++ b/src/components/Masonry.tsx
@@ -25,7 +25,7 @@ export default function HomeMasonry({ firstThreeBlogs }: HomeMasonryProps) {
             key={blog._id}
             sx={{
               height: heights[index] || 200,
-              backgroundImage: `linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(${blog.image})`,
+              backgroundImage: `linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.5)), url(${blog.image})`,
               backgroundSize: "cover",
               backgroundPosition: "center",
             }}
diff --git a/src/features/blogSlice.tsx b/src/features/blogSlice.tsx
index 4e15afc..b7953e4 100644
--- a/src/features/blogSlice.tsx
+++ b/src/features/blogSlice.tsx
@@ -16,13 +16,13 @@ export interface BlogPost {
   __v: number;
 }
 
-interface BlogInitial {
+interface BlogSliceInitial {
   loading: boolean;
   error: boolean;
   blog: BlogPost[];
 }
 
-const initialState: BlogInitial = {
+const initialState: BlogSliceInitial = {
   loading: false,
   error: false,
   blog: [],