diff --git a/src/components/Blog/Design7/index.js b/src/components/Blog/Design7/index.js
index 9786369..924ce38 100644
--- a/src/components/Blog/Design7/index.js
+++ b/src/components/Blog/Design7/index.js
@@ -1,11 +1,12 @@
 import React from "react";
 
-const Design7 = () => {
+const Design7 = ({ featuredImage, featuredImageClassname }) => {
   return (
-    <div>
+    <div className="flex flex-col items-center">
       <img
-        src="images/offersectionalex-lvrs-HDjExSGuWUw-unsplash.svg"
-        class="rounded"
+        src={featuredImage}
+        className={`${featuredImageClassname}`}
+        alt="blog"
       />
     </div>
   );
@@ -14,9 +15,11 @@ const Design7 = () => {
 export default Design7;
 
 Design7.defaultProps = {
-    
-}
+  featuredImage: "images/offersectionalex-lvrs-HDjExSGuWUw-unsplash.svg",
+  featuredImageClassname: "",
+};
 
+//
 
 // offersectionalexander-mils-nG4ZimMIO_k-unsplash.svg
 
diff --git a/src/components/ButtonDesign/Button/index.js b/src/components/ButtonDesign/Button/index.js
index 1d0bdb7..0c5cf7c 100644
--- a/src/components/ButtonDesign/Button/index.js
+++ b/src/components/ButtonDesign/Button/index.js
@@ -23,6 +23,7 @@ const Button = ({
 };
 
 export default Button;
+
 Button.defaultProps = {
   className:
     "bg-red-400 text-white hover:bg-gray-900 border border-b-4 border-lightBlueBorderColor rounded text-sm px-4 py-4 hover:bg-opacity-90",