diff --git a/components/shared/blog/blog-items.tsx b/components/shared/blog/blog-items.tsx
index 0980556..2f294f4 100644
--- a/components/shared/blog/blog-items.tsx
+++ b/components/shared/blog/blog-items.tsx
@@ -35,7 +35,7 @@ const BlogItems: React.FC<Props> = ({ data }) => {
             >
                 <div className="absolute w-full h-full top-0 left-0 transition duration-300 group-hover/card:bg-black opacity-60"></div>
 
-                <div className="text content">
+                <div className="text content rounded-md bg-gradient-to-b from-sky-800  p-1 ">
                     <h1 className="font-bold text-xl md:text-2xl text-gray-50 relative z-10">
                         {data.title}
                     </h1>
diff --git a/tailwind.config.ts b/tailwind.config.ts
index fbb10e1..31250f7 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -9,7 +9,9 @@ const config: Config = {
 	],
 	theme: {
 		extend: {
-
+			gradientColorStopPositions: {
+				33: '33%',
+			},
 			animation: {
 				scroll: 'scroll var(--animation-duration, 40s) var(--animation-direction, forwards) linear infinite',
 				move: "move 5s linear infinite",