diff --git a/apps/portal/src/components/offers/profile/OfferCard.tsx b/apps/portal/src/components/offers/profile/OfferCard.tsx
index 6d02f134..5e5df4c4 100644
--- a/apps/portal/src/components/offers/profile/OfferCard.tsx
+++ b/apps/portal/src/components/offers/profile/OfferCard.tsx
@@ -128,7 +128,7 @@ export default function OfferCard({
     );
   }
   return (
-    <div className="mx-8 my-4 block rounded-lg bg-white py-4 shadow-md">
+    <div className="mx-8 my-4 block rounded-md border-b border-gray-300 bg-white py-4">
       <UpperSection />
       <BottomSection />
     </div>
diff --git a/apps/portal/src/pages/offers/dashboard.tsx b/apps/portal/src/pages/offers/dashboard.tsx
index 494748c7..d68a39a2 100644
--- a/apps/portal/src/pages/offers/dashboard.tsx
+++ b/apps/portal/src/pages/offers/dashboard.tsx
@@ -3,7 +3,7 @@ import { signIn, useSession } from 'next-auth/react';
 import { useState } from 'react';
 import { Button, Spinner } from '@tih/ui';
 
-import DashboardOfferCard from '~/components/offers/dashboard/DashboardProfileCard';
+import DashboardProfileCard from '~/components/offers/dashboard/DashboardProfileCard';
 
 import { trpc } from '~/utils/trpc';
 
@@ -69,7 +69,7 @@ export default function ProfilesDashboard() {
         </div>
       )}
       {!userProfilesQuery.isLoading && (
-        <div className="mt-8 overflow-y-auto">
+        <div className="overflow-y-auto py-8">
           <h1 className="mx-auto mb-4 w-3/4 text-start text-4xl font-bold text-slate-900">
             Your dashboard
           </h1>
@@ -83,7 +83,7 @@ export default function ProfilesDashboard() {
                 <li
                   key={profile.id}
                   className="overflow-hidden bg-white px-4 py-4 shadow sm:rounded-md sm:px-6">
-                  <DashboardOfferCard key={profile.id} profile={profile} />
+                  <DashboardProfileCard key={profile.id} profile={profile} />
                 </li>
               ))}
             </ul>