diff --git a/src/components/ResourceBreadcrumb/index.tsx b/src/components/ResourceBreadcrumb/index.tsx
index 83dbc35..7dfa94a 100644
--- a/src/components/ResourceBreadcrumb/index.tsx
+++ b/src/components/ResourceBreadcrumb/index.tsx
@@ -9,8 +9,17 @@ interface IResourceBreadcrumbProps {
   relativePath: any
 }
 
+function capitalize(str: string): string {
+  const split = str.split(" ")
+  const reconstruct = []
+  for (const substr of split) {
+    reconstruct.push(`${substr.charAt(0).toUpperCase()}${substr.substring(1)}`)
+  }
+  return reconstruct.join(" ")
+}
+
 function Link({ item }: { item: IFileOrFolder }) {
-  return <SC.StyledLink to={item.path}>{item.title}</SC.StyledLink>
+  return <SC.StyledLink to={item.path}>{capitalize(item.title)}</SC.StyledLink>
 }
 
 function flatten([
@@ -30,6 +39,23 @@ export function ResourceBreadcrumb({ relativePath }: IResourceBreadcrumbProps) {
 
   return (
     <SC.ResourceBreadcrumbWrapper>
+      <SC.LinkWrapper>
+        <Link
+          item={{ path: "/", title: "Home", type: "folder", children: [] }}
+        />
+        <ChevronUp />
+      </SC.LinkWrapper>
+      <SC.LinkWrapper>
+        <Link
+          item={{
+            path: "/resources",
+            title: "Resources",
+            type: "folder",
+            children: [],
+          }}
+        />
+        <ChevronUp />
+      </SC.LinkWrapper>
       {breadcrumbItems.map(item => {
         if (item.type === "folder") {
           return (