diff --git a/src/Components/Templates/CardPage.tsx b/src/Components/Templates/CardPage.tsx
index 558fc4ef..0652d622 100644
--- a/src/Components/Templates/CardPage.tsx
+++ b/src/Components/Templates/CardPage.tsx
@@ -3,9 +3,10 @@ import * as React from "react"
 import {TitleCard} from "./TitleCard"
 
 
-export function CardPage({title,children} : { 
+export function CardPage({title,children, parent} : { 
   title: string,
   children?: React.ReactNode,
+  parent?: {name: string, url: string}
 }) {
 
 
@@ -15,6 +16,7 @@ export function CardPage({title,children} : {
         <div className="tw-text-sm tw-breadcrumbs">
           <ul>
             <li><Link to={'/'} >Home</Link></li>
+            {parent && <li><Link to={parent?.url ? parent?.url : ""}>{parent?.name}</Link></li>}
             <li>{title}</li>
           </ul>
         </div>
diff --git a/src/Components/Templates/TitleCard.tsx b/src/Components/Templates/TitleCard.tsx
index b8ba5c7b..2a7ef53f 100644
--- a/src/Components/Templates/TitleCard.tsx
+++ b/src/Components/Templates/TitleCard.tsx
@@ -27,7 +27,7 @@ interface TitleCardProps {
               <div className="tw-divider tw-mt-2"></div>
           
               {/** Card Body */}
-              <div className='tw-h-full tw-w-full tw-pb-6 tw-bg-base-100'>
+              <div className='tw-h-full tw-bg-transparent tw-w-full tw-pb-6 tw-bg-base-100'>
                   {children}
               </div>
           </div>