diff --git a/src/components/Header1.tsx b/src/components/Header1.tsx
index d5a6568..fa34818 100644
--- a/src/components/Header1.tsx
+++ b/src/components/Header1.tsx
@@ -5,9 +5,9 @@ import Link from "./Link";
 import Logo from "./Logo";
 import Logofreeland from "./Logofreeland";
 import { useState, useEffect } from "react";
-// import { Button } from "./Button/Button";
+import { Button } from "./Button/Button";
 import Bell from "./Bell";
-// import Avatar from "./Avatar";
+import Avatar from "./Avatar";
 import ContextMenu from "components/containers/contextmenu/ContextMenu";
 import ContextMenuAction from "components/containers/contextmenu/ContextMenuAction";
 import Sidebar from "components/Sidebar";
@@ -87,7 +87,7 @@ const Header1 = () => {
             </Link>
 
             {/* Dropdown start */}
-            {/* <ContextMenu button="MY LIBRARY" className="text-white">
+            <ContextMenu button="MY LIBRARY" className="text-white">
               <ContextMenuAction
                 caption="My publications"
                 action={() => console.log("My publications")}
@@ -98,23 +98,23 @@ const Header1 = () => {
                 action={() => console.log("My favorites")}
                 icon={<SVGFiletext className="stroke stroke-white h-5 w-4" />}
               ></ContextMenuAction>
-            </ContextMenu> */}
+            </ContextMenu>
             {/* Dropdown End */}
-            <Drop />
-            {/* <Dropdown
-              className="  text-xs md:text-sm"
-              selected={selected}
-              setSelected={setSelected}
-              options={["first", "Second"]}
-            /> */}
 
-            <Drop />
-            {/* <Dropdown
-              className="  text-xs md:text-sm"
-              selected={selectedB}
-              setSelected={setSelectedB}
-              options={["one", "two"]}
-            /> */}
+            {/* Dropdown start */}
+            <ContextMenu button="MY LIBRARY" className="text-white">
+              <ContextMenuAction
+                caption="My publications"
+                action={() => console.log("My publications")}
+                icon={<SVGFiletext className="stroke stroke-white h-5 w-4" />}
+              ></ContextMenuAction>
+              <ContextMenuAction
+                caption="My favorites"
+                action={() => console.log("My favorites")}
+                icon={<SVGFiletext className="stroke stroke-white h-5 w-4" />}
+              ></ContextMenuAction>
+            </ContextMenu>
+            {/* Dropdown End */}
           </div>
         )}
 
@@ -146,7 +146,7 @@ const Header1 = () => {
         {/* Avatar Start */}
         {Short && (
           <button>
-            {/* <Avatar className="bg-[rgb(255,122,69)] text-white">K</Avatar> */}
+            <Avatar className="bg-[rgb(255,122,69)] text-white">K</Avatar>
           </button>
         )}
         {/* Avatar End */}
@@ -159,14 +159,8 @@ const Header1 = () => {
         )}
         {/* Burger End */}
       </div>
-      {/* <div>{ ({ width } gt " 300px" )&& <span>Hi</span>} </div> */}
     </header>
   );
 };
 
 export default Header1;
-// bg-red-300
-// sm:bg-sky-400
-// md:bg-sky-600
-// lg:bg-sky-800
-// xl:bg-red-600