diff --git a/src/Navbar.js b/src/Navbar.js
index 37c273f..a3e0e8b 100644
--- a/src/Navbar.js
+++ b/src/Navbar.js
@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { AppstoreOutlined, MailOutlined, SettingOutlined } from '@ant-design/icons';
+import { InboxOutlined, HomeOutlined, FireOutlined } from '@ant-design/icons';
 import { createUserWithEmailAndPassword, signInWithPopup, signOut } from "firebase/auth";
 
 import { Menu, Button } from 'antd';
@@ -13,21 +13,21 @@ const items = [
             <CustomLink to={'/home'}>Home</CustomLink>
         ),
         key: 'home',
-        icon: <MailOutlined />,
+        icon: <HomeOutlined />,
     },
     {
         label: (
             <CustomLink to={'/assets'}>Assets</CustomLink>
         ),
         key: 'assets',
-        icon: <AppstoreOutlined />,
+        icon: <FireOutlined />,
     },
     {
         label: (
             <CustomLink to={'/resources'}>Resources</CustomLink>
         ),
         key: 'resources',
-        icon: <AppstoreOutlined />,
+        icon: <InboxOutlined />,
     },
     // {
     //     label: (
@@ -58,7 +58,7 @@ export const NavBar = () => {
 
     return (
         <div className='nav-bar-wrapper'>
-            <Menu onClick={onClick} selectedKeys={[current]} mode="horizontal" items={items} />
+            <Menu onClick={onClick} style={{minWidth: '800px'}} selectedKeys={[current]} mode="horizontal" items={items} />
             <Button type="link" onClick={logOut}>Sign out</Button>
         </div>
 
diff --git a/src/pages/AssetLibrary/AnimationAssetLibraryModal.js b/src/pages/AssetLibrary/AnimationAssetLibraryModal.js
index 2811ea9..79f5b26 100644
--- a/src/pages/AssetLibrary/AnimationAssetLibraryModal.js
+++ b/src/pages/AssetLibrary/AnimationAssetLibraryModal.js
@@ -5,7 +5,7 @@ import { addDoc, collection } from 'firebase/firestore';
 import { db } from "../../config/firebase";
 import { PlusCircleOutlined, CheckOutlined, UserOutlined, MehOutlined, PlusOutlined } from '@ant-design/icons';
 
-export const AnimationAssetLibraryModal = ({onAddResource}) => {
+export const AnimationAssetLibraryModal = ({ onAddResource }) => {
 
     const [pipelineAssignees, setPipelineAssignees] = useState({
         "Writing": 'nan',
@@ -53,32 +53,27 @@ export const AnimationAssetLibraryModal = ({onAddResource}) => {
     const tagsData = ["Architecture",
         "Sci-Fi",
         "Realistic",
-        "Cartoon",
+        "Low-Poly",
+        "Modern",
         "Fantasy",
-        "Steampunk",
-        "Cyberpunk",
-        "Minimalist",
-        "Retro",
-        "Gothic",
-        "Medical",
+        "Steam/Cyber punk",
         "Horror",
-        "Adventure",
-        "Sports",
         "Medieval",
-        "Victorian",
-        "Metal",
-        "Wood",
-        "Stone",
-        "Glass",
-        "Plastic",
-        "Organic",
-        "Fabric",
-        "Ceramics",
-        "Underwater",
         "Forest",
-        "Arctic",
-        "Tropical",
-        "Mountainous"];
+        "Underground",
+        "Kitchen",
+        "Interior",
+        "Hospital",
+        "Outdoor",
+        "Farm",
+        "Cave",
+        "Underwater",
+        "Furniture",
+        "Electronic",
+        "Construction",
+        "Food",
+        "Sports",
+        "Medical"];
     //------------------------
     const resourceListRef = collection(db, "animation-assets ");
 
@@ -169,7 +164,7 @@ export const AnimationAssetLibraryModal = ({onAddResource}) => {
         // console.log('Change:', e.target.value);
     };
 
-    
+
     const onProjectChange = (e) => {
         switch (e) {
             case "Internal":
@@ -209,7 +204,7 @@ export const AnimationAssetLibraryModal = ({onAddResource}) => {
     return (
         <div className="asset-library">
             <Button onClick={showModal}>
-            <PlusOutlined /> Animation
+                <PlusOutlined /> Animation
             </Button>
             <Modal
                 title=""
diff --git a/src/pages/AssetLibrary/AssetLibrary.js b/src/pages/AssetLibrary/AssetLibrary.js
index abe0973..d72e60f 100644
--- a/src/pages/AssetLibrary/AssetLibrary.js
+++ b/src/pages/AssetLibrary/AssetLibrary.js
@@ -29,7 +29,7 @@ export const AssetLibrary = () => {
                     inhouseData.docs.map((doc) => ({
                         ...doc.data(),
                         id: doc.id,
-                        key: doc.id
+                        // key: doc.id
                     }))
                 )
                 const marketData = await getDocs(marketplaceAssetList);
@@ -37,7 +37,7 @@ export const AssetLibrary = () => {
                     marketData.docs.map((doc) => ({
                         ...doc.data(),
                         id: doc.id,
-                        key: doc.id
+                        // key: doc.id
                     }))
                 )
                 const animationData = await getDocs(animationAssetList);
@@ -45,11 +45,11 @@ export const AssetLibrary = () => {
                     animationData.docs.map((doc) => ({
                         ...doc.data(),
                         id: doc.id,
-                        key: doc.id
+                        // key: doc.id
                     }))
                 )
                 filterAllData(filteredRefData);
-                // console.log(filteredRefData);
+                console.log(filteredRefData);
             }
             catch (err) {
                 console.error(err)
@@ -152,7 +152,7 @@ export const AssetLibrary = () => {
                 {assetSearchData.map((asset) => (
                     <>
                         {asset.group == "Market" ? (
-                            <div className='asset-list-item'>
+                            <div key={asset.id} className='asset-list-item'>
                                 <div className='asset-icon-wrapper'>
                                     {/* <MessageOutlined style={{ fontSize: '75px' }} /> */}
                                 </div>
@@ -173,20 +173,20 @@ export const AssetLibrary = () => {
                                     <Title level={5}>{asset.project}</Title>
                                     <Text type="secondary">{asset.client}</Text>
                                 </div>
-                                <div className='asset-tags-wrapper'>
+                                {/* <div className='asset-tags-wrapper'>
                                     {asset.tags.map((tag) => (
-                                        <Tag bordered={false} color="processing">
+                                        <Tag key={tag} bordered={false} color="processing">
                                             {tag}
                                         </Tag>
                                     ))}
-                                </div>
+                                </div> */}
                                 <div className='asset-actions-wrapper'>
                                     <Button>View</Button>
                                     <Button type="link">Edit</Button>
                                 </div>
                             </div>
                         ) : asset.group == "Animation" ? (
-                            <div className='asset-list-item'>
+                            <div key={asset.id} className='asset-list-item'>
                                 <div className='asset-icon-wrapper'>
                                     {/* <ClockCircleOutlined style={{ fontSize: '75px' }} /> */}
                                 </div>
@@ -211,20 +211,20 @@ export const AssetLibrary = () => {
                                     <Title level={5}>{asset.project}</Title>
                                     <Text type="secondary">{asset.client}</Text>
                                 </div>
-                                <div className='asset-tags-wrapper'>
+                                {/* <div className='asset-tags-wrapper'>
                                     {asset.tags.map((tag) => (
-                                        <Tag bordered={false} color="processing">
+                                        <Tag key={tag} bordered={false} color="processing">
                                             {tag}
                                         </Tag>
                                     ))}
-                                </div>
+                                </div> */}
                                 <div className='asset-actions-wrapper'>
                                     <Button>View</Button>
                                     <Button type="link">Edit</Button>
                                 </div>
                             </div>
                         ) : (
-                            <div className='asset-list-item'>
+                            <div key={asset.id} className='asset-list-item'>
                                 <div className='asset-icon-wrapper'>
                                     {/* <ClockCircleOutlined style={{ fontSize: '75px' }} /> */}
                                 </div>
@@ -248,13 +248,13 @@ export const AssetLibrary = () => {
                                     <Title level={5}>{asset.project}</Title>
                                     <Text type="secondary">{asset.client}</Text>
                                 </div>
-                                <div className='asset-tags-wrapper'>
+                                {/* <div className='asset-tags-wrapper'>
                                     {asset.tags.map((tag) => (
-                                        <Tag bordered={false} color="processing">
+                                        <Tag key={tag} bordered={false} color="processing">
                                             {tag}
                                         </Tag>
                                     ))}
-                                </div>
+                                </div> */}
                                 <div className='asset-actions-wrapper'>
                                     <Button>View</Button>
                                     <Button type="link">Edit</Button>
diff --git a/src/pages/AssetLibrary/AssetLibraryModal.js b/src/pages/AssetLibrary/AssetLibraryModal.js
index cd85fda..58366eb 100644
--- a/src/pages/AssetLibrary/AssetLibraryModal.js
+++ b/src/pages/AssetLibrary/AssetLibraryModal.js
@@ -50,32 +50,29 @@ export const AssetLibraryModal = ({onAddResource}) => {
     const tagsData = ["Architecture",
         "Sci-Fi",
         "Realistic",
-        "Cartoon",
+        "Low-Poly",
+        "Modern",
         "Fantasy",
-        "Steampunk",
-        "Cyberpunk",
-        "Minimalist",
-        "Retro",
-        "Gothic",
-        "Medical",
+        "Steam/Cyber punk",
         "Horror",
-        "Adventure",
-        "Sports",
         "Medieval",
-        "Victorian",
-        "Metal",
-        "Wood",
-        "Stone",
-        "Glass",
-        "Plastic",
-        "Organic",
-        "Fabric",
-        "Ceramics",
-        "Underwater",
         "Forest",
-        "Arctic",
-        "Tropical",
-        "Mountainous"];
+        "Underground",
+        "Kitchen",
+        "Interior",
+        "Hospital",
+        "Outdoor",
+        "Farm",
+        "Cave",
+        "Underwater",
+        "Furniture",
+        "Electronic",
+        "Construction",
+        "Food",
+        "Sports",
+        "Medical",
+
+        ];
     //------------------------
     const resourceListRef = collection(db, "inhouse-assets");
 
@@ -306,6 +303,7 @@ export const AssetLibraryModal = ({onAddResource}) => {
                                         <Option value="Electronic">Electronic</Option>
                                         <Option value="Vehicle">Vehicle</Option>
                                         <Option value="Character">Character</Option>
+                                        <Option value="Animal">Animal</Option>
                                         <Option value="Weapon">Weapon</Option>
                                         <Option value="Furniture">Furniture</Option>
                                         <Option value="Foliage">Foliage</Option>
diff --git a/src/pages/AssetLibrary/MarketplaceAssetLibraryModal.js b/src/pages/AssetLibrary/MarketplaceAssetLibraryModal.js
index 3fb7b9e..caffa79 100644
--- a/src/pages/AssetLibrary/MarketplaceAssetLibraryModal.js
+++ b/src/pages/AssetLibrary/MarketplaceAssetLibraryModal.js
@@ -3,9 +3,9 @@ import { Link } from 'react-router-dom';
 import { Button, Modal, Form, Input, Slider, Select, Typography, Empty, Radio, Space, Tag, Steps } from 'antd';
 import { addDoc, collection } from 'firebase/firestore';
 import { db } from "../../config/firebase";
-import { PlusCircleOutlined, CheckOutlined, PlusOutlined} from '@ant-design/icons';
+import { PlusCircleOutlined, CheckOutlined, PlusOutlined } from '@ant-design/icons';
 
-export const MarketplaceAssetLibraryModal = ({onAddResource}) => {
+export const MarketplaceAssetLibraryModal = ({ onAddResource }) => {
 
     const [open, setOpen] = useState(false);
     const [confirmLoading, setConfirmLoading] = useState(false);
@@ -39,49 +39,29 @@ export const MarketplaceAssetLibraryModal = ({onAddResource}) => {
     const tagsData = ["Architecture",
         "Sci-Fi",
         "Realistic",
-        "Cartoon",
+        "Low-Poly",
+        "Modern",
         "Fantasy",
-        "Steampunk",
-        "Cyberpunk",
-        "Minimalist",
-        "Retro",
-        "Gothic",
-        "Medical",
+        "Steam/Cyber punk",
         "Horror",
-        "Adventure",
-        "Sports",
         "Medieval",
-        "Victorian",
-        "Metal",
-        "Wood",
-        "Stone",
-        "Glass",
-        "Plastic",
-        "Organic",
-        "Fabric",
-        "Ceramics",
-        "Underwater",
         "Forest",
-        "Arctic",
-        "Tropical",
-        "Mountainous"];
+        "Underground",
+        "Kitchen",
+        "Interior",
+        "Hospital",
+        "Outdoor",
+        "Farm",
+        "Cave",
+        "Underwater",
+        "Furniture",
+        "Electronic",
+        "Construction",
+        "Food",
+        "Sports",
+        "Medical"];
     //------------------------
 
-    const options = [
-        {
-            label: 'Apple',
-            value: 'Apple',
-        },
-        {
-            label: 'Pear',
-            value: 'Pear',
-        },
-        {
-            label: 'Orange',
-            value: 'Orange',
-        },
-    ];
-
 
 
     const resourceListRef = collection(db, "marketplace-assets");
@@ -142,7 +122,7 @@ export const MarketplaceAssetLibraryModal = ({onAddResource}) => {
     return (
         <div className="asset-library">
             <Button onClick={showModal}>
-            <PlusOutlined /> Marketplace
+                <PlusOutlined /> Marketplace
             </Button>
             <Modal
                 title=""
@@ -196,7 +176,7 @@ export const MarketplaceAssetLibraryModal = ({onAddResource}) => {
                             assettype: "Prop",
                             source: "epic",
                             project: "Internal",
-                            assetCategory:"3D Animation"
+                            assetCategory: "3D Animation"
                         }}
                     >
                         <div className='modal-inner'>
@@ -258,7 +238,8 @@ export const MarketplaceAssetLibraryModal = ({onAddResource}) => {
                                     label="Asset Type"
                                 >
                                     <Select placeholder="Select Asset Type" defaultValue={'Prop'}>
-                                        <Option value="prop">Prop</Option>
+                                        <Option value="Prop">Prop</Option>
+                                        <Option value="Structure/House">Structure/House</Option>
                                         <Option value="Electronic">Electronic</Option>
                                         <Option value="Vehicle">Vehicle</Option>
                                         <Option value="Character">Character</Option>
@@ -281,7 +262,7 @@ export const MarketplaceAssetLibraryModal = ({onAddResource}) => {
 
 
                                 {/* //-------------------Tags---------------------- */}
-                                <Text className="m-b-10">Choose Tags</Text>
+                                <Text className="m-b-10">Types of Assets Included</Text>
 
                                 <div className='tags-wrapper'>
                                     <Space size={[0, 8]} wrap>
diff --git a/src/pages/ResourceLibrary/ResourceLibrary.js b/src/pages/ResourceLibrary/ResourceLibrary.js
index aa0ba7e..dd476c6 100644
--- a/src/pages/ResourceLibrary/ResourceLibrary.js
+++ b/src/pages/ResourceLibrary/ResourceLibrary.js
@@ -50,7 +50,7 @@ export const ResourceLibrary = () => {
     }, []);
 
 
-    const mannualRerenderDetails=()=>{
+    const mannualRerenderDetails = () => {
         const getRefList = async () => {
             try {
                 const data = await getDocs(resourceListRef);
@@ -135,7 +135,7 @@ export const ResourceLibrary = () => {
     const filterData = (filteredData) => {
 
         let unsortedFilteredData = filteredData;
-        let sortedFilteredData=sort(unsortedFilteredData).desc(u => u["date-updated"])
+        let sortedFilteredData = sort(unsortedFilteredData).desc(u => u["date-updated"])
         setDocuments([]);
         setWorksheet([]);
         setMoodboard([]);
@@ -202,7 +202,7 @@ export const ResourceLibrary = () => {
 
     }
 
-    const lmfao=()=>{
+    const lmfao = () => {
         alert("Heyoo");
     }
 
@@ -215,6 +215,9 @@ export const ResourceLibrary = () => {
             else if ((data.description).toLowerCase().includes(e.toLowerCase())) {
                 setSearchData(search_data => [...search_data, data]);
             }
+            else if ((data.project).toLowerCase() == (e.toLowerCase())) {
+                setSearchData(search_data => [...search_data, data]);
+            }
         });
         populateSearch(search_data);
 
@@ -267,7 +270,7 @@ export const ResourceLibrary = () => {
 
             <AutoComplete
                 popupClassName="certain-category-search-dropdown"
-                dropdownMatchSelectWidth={500}
+                popupMatchSelectWidth={500}
                 style={{
                     width: 800,
                 }}
@@ -281,7 +284,7 @@ export const ResourceLibrary = () => {
 
             <div className='modal-button-wrapper'>
                 <div className='modal-button-wrapper-inner'>
-                    <AddResource onAddResource={mannualRerenderDetails}/>
+                    <AddResource onAddResource={mannualRerenderDetails} />
                 </div>
             </div>
 
diff --git a/src/styles/index.css b/src/styles/index.css
index 370a7c7..851b653 100644
--- a/src/styles/index.css
+++ b/src/styles/index.css
@@ -1,24 +1,26 @@
 @import url('https://fonts.googleapis.com/css2?family=Blinker:wght@300;400&display=swap');
 
-::-webkit-scrollbar {
-    width: 5px;
-    position: absolute;
-}
-
-/* Track */
-::-webkit-scrollbar-track {
-    background: rgb(65, 65, 65);
-}
-
-/* Handle */
-::-webkit-scrollbar-thumb {
-    background: #888;
-}
-
-/* Handle on hover */
-::-webkit-scrollbar-thumb:hover {
-    background: #555;
-}
+/* ===== Scrollbar CSS ===== */
+  /* Firefox */
+  * {
+    scrollbar-width: auto;
+    scrollbar-color: #8d8b8d #ffffff;
+  }
+
+  /* Chrome, Edge, and Safari */
+  *::-webkit-scrollbar {
+    width: 8px;
+  }
+
+  *::-webkit-scrollbar-track {
+    background: #ffffff;
+  }
+
+  *::-webkit-scrollbar-thumb {
+    background-color: #8d8b8d;
+    border-radius: 10px;
+    border: 3px solid #ffffff;
+  }
 
 h1 {
     font-family: 'Blinker', sans-serif !important;
@@ -148,6 +150,7 @@ h2 {
     width: 100%;
     justify-content: space-between;
     min-height: 720px;
+    /* background-color: #eeeeee; */
 }
 
 .modal-inner .modal-left {
@@ -155,6 +158,7 @@ h2 {
     flex-grow: 4;
     padding: 20px;
     flex-direction: column;
+    /* background-color: #fff; */
 }
 
 .modal-inner .modal-left .in-house-toggle {
@@ -206,6 +210,7 @@ h2 {
 
 .create-asset-modal .ant-modal-footer {
     padding: 0px 20px;
+    margin-top: 0px;
     /* padding-top: 0px; */
 }
 
@@ -290,4 +295,12 @@ h2 {
     flex-direction: row;
     align-items: center;
     justify-content: space-between;
+    min-width: 600px;
+}
+
+.create-asset-modal .ant-modal-footer{
+    background-color: #eeeeee;
+    padding-top: 20px;
+    border-bottom-right-radius: 5px;
+    border-bottom-left-radius: 5px;
 }
\ No newline at end of file