update

src/App.js

@@ -112,14 +112,14 @@ function App() {
         </div> */}
         {/* <BreadCrumb /> */}
         {/* <SearchBox /> */}
-        {/* <FileManager /> */}
+        <FileManager />
         {/* <Playlist /> */}
         {/* <Folderlists /> */}
         {/* <Blogs /> */}
         {/* <CardHolder /> */}
         {/* <UploadFile /> */}
-        <BarChartApex />
+        {/* <BarChartApex /> */}
-        <SemiDonut />
+        {/* <SemiDonut /> */}
       </div>
     </Provider>
   );

src/components/FileManager/index.js

@@ -9,26 +9,33 @@ import graySearchIcon from "./images/gray-search-icon.svg";
 
 const FileManager = () => {
   return (
-    <div style={{ backgroundColor: "#FBFBFB" }}>
+    <div
-      <div className="flex flex-row justify-between w-8/12">
+      style={{ backgroundColor: "#FBFBFB" }}
-        <div className="">
+      className="px-7 py-5 flex flex-row"
+    >
+      {/* ? right Section */}
+      <div className="flex-1">
+        {/* ? breadCrumb */}
+        <div className="mb-5">
           <BreadCrumb />
-          <TitleSubtitle />
         </div>
-        <div className="self-end">
+        {/* ? pageTitle & searchbox */}
-          <SearchBox
+        <div className="flex flex-row justify-between">
-            borderClr={"#EEEEEE"}
+          {/* ? pageTitle */}
-            backgroundColor={"#fff"}
+          <TitleSubtitle />
-            inputWidth={"100%"}
+          {/* ? searchbox */}
-            placeHolderColor={"placeholder-gray-300"}
+          <div className="self-end">
-            searchIcon={graySearchIcon}
+            <SearchBox
-          />
+              borderClr={"#EEEEEE"}
+              backgroundColor={"#fff"}
+              inputWidth={"100%"}
+              placeHolderColor={"placeholder-gray-300"}
+              searchIcon={graySearchIcon}
+            />
+          </div>
         </div>
       </div>
-      <div className="bg-yellow-600">
+      {/* left Section */} <CardHolder />
-        {" "}
-        <CardHolder />
-      </div>
     </div>
   );
 };