diff --git a/src/Components/Profile/ContactInfo.tsx b/src/Components/Profile/ContactInfo.tsx
index 39e9ad2a..15149079 100644
--- a/src/Components/Profile/ContactInfo.tsx
+++ b/src/Components/Profile/ContactInfo.tsx
@@ -5,7 +5,7 @@ const ContactInfo = ({ email, telephone, name, avatar, link }: { email: string,
     const assetsApi = useAssetApi();
 
     return (
-        <div className="tw-bg-gray-100 tw-mb-6 tw-mt-6 tw-p-6">
+        <div className="tw-bg-base-200  tw-mb-6 tw-mt-6 tw-p-6">
             <h2 className="tw-text-lg tw-font-semibold">Du hast Fragen?</h2>
             <div className="tw-mt-4 tw-flex tw-items-center">
                 {avatar && (
diff --git a/src/Components/Profile/OverlayItemProfile.tsx b/src/Components/Profile/OverlayItemProfile.tsx
index 33b50ffc..05d1fe6b 100644
--- a/src/Components/Profile/OverlayItemProfile.tsx
+++ b/src/Components/Profile/OverlayItemProfile.tsx
@@ -316,7 +316,7 @@ export function OverlayItemProfile({ userType }: { userType: string }) {
                                 )}
 
                                 {/* Description Section */}
-                                <div className="tw-my-10 tw-mt-2 tw-px-6 tw-text-sm tw-text-gray-600">
+                                <div className="tw-my-10 tw-mt-2 tw-px-6 tw-text-sm ">
                                     <TextView rawText={item.text || 'Keine Beschreibung vorhanden'} />
                                 </div>
 
@@ -324,7 +324,7 @@ export function OverlayItemProfile({ userType }: { userType: string }) {
                                 {item.next_appointment && (
                                     <div className="tw-my-10 tw-px-6">
                                         <h2 className="tw-text-lg tw-font-semibold">Nächste Termine</h2>
-                                        <div className="tw-mt-2 tw-text-sm tw-text-gray-600">
+                                        <div className="tw-mt-2 tw-text-sm">
                                             <TextView rawText={item.next_appointment} />
                                         </div>
                                     </div>
diff --git a/src/Components/Profile/ProfileSubHeader.tsx b/src/Components/Profile/ProfileSubHeader.tsx
index f98900c4..4e2adc27 100644
--- a/src/Components/Profile/ProfileSubHeader.tsx
+++ b/src/Components/Profile/ProfileSubHeader.tsx
@@ -29,10 +29,10 @@ const SubHeader = ({ type, status, url, title }) => (
         <div className='tw-float-left tw-mt-2 tw-mb-4 tw-flex tw-items-center'>
 
             {status && <div className="tw-mt-1.5">
-                <span className="tw-text-sm tw-text-gray-600 tw-bg-slate-200 tw-rounded tw-py-0.5 tw-px-2 tw-inline-flex tw-items-center tw-mr-2"><span className={`tw-w-2 tw-h-2  ${ status=="in_planning" && "tw-bg-blue-700"} ${ status=="paused" && "tw-bg-orange-400"} ${ status=="active" && "tw-bg-green-500"} tw-rounded-full tw-mr-1.5`}></span>{statusMapping[status]}</span>
+                <span className="tw-text-sm tw-text-current tw-bg-base-300 tw-rounded tw-py-0.5 tw-px-2 tw-inline-flex tw-items-center tw-mr-2"><span className={`tw-w-2 tw-h-2  ${ status=="in_planning" && "tw-bg-blue-700"} ${ status=="paused" && "tw-bg-orange-400"} ${ status=="active" && "tw-bg-green-500"} tw-rounded-full tw-mr-1.5`}></span>{statusMapping[status]}</span>
             </div>}
             {type && <div className="tw-mt-1.5">
-                <span className="tw-text-sm tw-text-gray-600 tw-bg-slate-200 tw-rounded tw-py-1 tw-px-2">{type}</span>
+                <span className="tw-text-sm tw-text-current tw-bg-base-300 tw-rounded tw-py-1 tw-px-2">{type}</span>
             </div>}
         </div>
         <div>
diff --git a/src/index.css b/src/index.css
index c46cd342..9fae544a 100644
--- a/src/index.css
+++ b/src/index.css
@@ -3,7 +3,7 @@
 @tailwind utilities;
 
 .fade {
-  mask-image: linear-gradient(180deg, transparent, #000 2%, #000 98%, transparent);
+  mask-image: linear-gradient(180deg, transparent, #000 1%, #000 99%, transparent);
 }
 
 .tw-modal {