diff --git a/frontend/src/Components/Create/Create.css b/frontend/src/Components/Create/Create.css
index 166a53e..2ec4397 100644
--- a/frontend/src/Components/Create/Create.css
+++ b/frontend/src/Components/Create/Create.css
@@ -47,3 +47,4 @@
     height: 25rem;
   }
 }
+
diff --git a/frontend/src/Components/Create/Create.js b/frontend/src/Components/Create/Create.js
index 9fd1817..f800391 100644
--- a/frontend/src/Components/Create/Create.js
+++ b/frontend/src/Components/Create/Create.js
@@ -1,7 +1,7 @@
 import "./Create.css";
 import { useState } from "react";
 import { useHistory } from "react-router-dom";
-
+import 'bootstrap/dist/css/bootstrap.min.css';
 const Create = () => {
   const [title, setTitle] = useState("");
   const [thumbnail, setThumbnail] = useState("");
@@ -22,12 +22,20 @@ const Create = () => {
       history.push("/api/blogs");
     });
   }
-
   return (
     <div className="create">
       <center>
-        <h1 className="title">Go on write your Blog !</h1>
-
+        <h1 className="title">Go on write your Blog!</h1>
+        <div class="dropdown">
+        <button class="btn btn-primary dropdown-toggle" type="button" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
+        Category
+        </button>
+        <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
+        <li><a class="dropdown-item" href="#">Food</a></li>
+        <li><a class="dropdown-item" href="#">Music</a></li>
+        <li><a class="dropdown-item" href="#">Travel</a></li>
+        </ul>
+      </div>
         <form>
           <input
             type="text"