diff --git a/apps/dashboard-ui/src/styles/themes/_main.scss b/apps/dashboard-ui/src/styles/themes/_main.scss
index e97b018bc..10de8a628 100644
--- a/apps/dashboard-ui/src/styles/themes/_main.scss
+++ b/apps/dashboard-ui/src/styles/themes/_main.scss
@@ -12,7 +12,7 @@ $typography: mat.m2-define-typography-config(
   $subtitle-1: mat.m2-define-typography-level(16px, 24px, 500),
   $subtitle-2: mat.m2-define-typography-level(24px, 36px, 500),
   $body-1: mat.m2-define-typography-level(20px, 30px, 400, 'Nunito Sans', $letter-spacing: 0.07em),
-  $body-2: mat.m2-define-typography-level(16px, 24px, 500, 'Nunito Sans', $letter-spacing: 0.07em),
+  $body-2: mat.m2-define-typography-level(18px, 27px, 500, 'Nunito Sans', $letter-spacing: 0.05em),
   $button: mat.m2-define-typography-level(16px, 24px, 500),
   $caption: mat.m2-define-typography-level(16px, 24px, 500, $letter-spacing: 0.005em),
 );
diff --git a/libs/dashboard/src/lib/components/dashboard-index/dashboard-index.component.html b/libs/dashboard/src/lib/components/dashboard-index/dashboard-index.component.html
index 083a3316a..e4df9cfad 100644
--- a/libs/dashboard/src/lib/components/dashboard-index/dashboard-index.component.html
+++ b/libs/dashboard/src/lib/components/dashboard-index/dashboard-index.component.html
@@ -1,4 +1,4 @@
-<main>
+<main class="content">
   <h2 class="title">{{ spec().title }}</h2>
   <h4 class="description mat-body-2">{{ spec().description }}</h4>
   <div class="cards">
diff --git a/libs/dashboard/src/lib/components/dashboard-index/dashboard-index.component.scss b/libs/dashboard/src/lib/components/dashboard-index/dashboard-index.component.scss
index d960e0171..5c30fb810 100644
--- a/libs/dashboard/src/lib/components/dashboard-index/dashboard-index.component.scss
+++ b/libs/dashboard/src/lib/components/dashboard-index/dashboard-index.component.scss
@@ -1,14 +1,17 @@
 :host {
-  max-width: 102rem;
-  margin: 0 auto;
   display: block;
 
-  main {
-    max-width: calc(100% - 2rem);
-    margin: 0 auto;
+  .content {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    max-width: 91rem;
+    margin: auto;
+    padding: 0 1rem 7rem;
 
     .title {
       margin-bottom: 0.5rem;
+      text-align: center;
     }
 
     .description {
@@ -20,53 +23,8 @@
       display: flex;
       flex-wrap: wrap;
       max-width: 100%;
-      gap: 0;
-      justify-content: space-between;
-      margin-bottom: 7rem;
-    }
-  }
-
-  @media (max-width: 1440px) {
-    main {
-      .description {
-        margin-bottom: 4rem;
-      }
-    }
-  }
-
-  @media (max-width: 1280px) {
-    main {
-      .description {
-        margin-bottom: 3rem;
-      }
-    }
-  }
-
-  @media (max-width: 1012px) {
-    main {
-      .cards {
-        gap: 3rem;
-        justify-content: unset;
-      }
-    }
-  }
-
-  @media (max-width: 768px) {
-    main {
-      .title {
-        font-size: 2.375rem;
-        line-height: 3.5625rem;
-        letter-spacing: -1.75px;
-      }
-    }
-  }
-
-  @media (max-width: 544px) {
-    main {
-      .cards {
-        flex-direction: column;
-        align-items: center;
-      }
+      justify-content: center;
+      gap: 3.5rem;
     }
   }
 }
diff --git a/libs/dashboard/src/lib/components/long-card/long-card.component.html b/libs/dashboard/src/lib/components/long-card/long-card.component.html
index a9ae22c80..d362da0db 100644
--- a/libs/dashboard/src/lib/components/long-card/long-card.component.html
+++ b/libs/dashboard/src/lib/components/long-card/long-card.component.html
@@ -1,7 +1,6 @@
 <a [routerLink]="['/', spec().route]" class="long-card cta-flat" rel="noopener noreferrer">
-  <img [attr.src]="spec().background" alt="Image of {{ spec().title }}" />
+  <img [attr.src]="spec().background" alt="" />
   <div class="label">
     {{ spec().title }}
-    <mat-icon iconPositionEnd class="material-symbols-rounded"> arrow_right_alt </mat-icon>
   </div>
 </a>
diff --git a/libs/dashboard/src/lib/components/long-card/long-card.component.scss b/libs/dashboard/src/lib/components/long-card/long-card.component.scss
index 74f25dbec..c91b7cf4b 100644
--- a/libs/dashboard/src/lib/components/long-card/long-card.component.scss
+++ b/libs/dashboard/src/lib/components/long-card/long-card.component.scss
@@ -1,26 +1,19 @@
 :host {
   .long-card {
-    --mdc-text-button-label-text-color: #b20a2f;
-    --mat-text-button-hover-state-layer-opacity: 0;
     display: flex;
     flex-direction: column;
-    width: 14.5rem;
+    align-items: center;
+    width: 14rem;
     height: 42rem;
     border-radius: 1rem;
-    overflow: hidden;
+    background-color: white;
     box-shadow: 0px 5px 20px 0px rgba(32, 30, 61, 0.24);
     outline-offset: 0;
-    background-color: white;
+    overflow: hidden;
     cursor: pointer;
 
-    &:hover {
-      box-shadow: 0px 5px 20px 0px rgba(32, 30, 61, 0.32);
-    }
-
-    &:active {
-      box-shadow: 0px 5px 20px 0px rgba(32, 30, 61, 0.32);
-    }
-
+    &:hover,
+    &:active,
     &:focus-visible {
       box-shadow: 0px 5px 20px 0px rgba(32, 30, 61, 0.32);
     }
@@ -28,31 +21,20 @@
     img {
       width: 100%;
       object-fit: contain;
+      opacity: 80%;
     }
 
     .label {
-      width: fit-content;
+      --mdc-text-button-label-text-color: #b20a2f;
+      --mat-text-button-hover-state-layer-opacity: 0;
+
       display: flex;
       align-items: center;
-      margin: auto 1.5rem;
+      margin: auto auto;
       font-family: 'Metropolis';
+      font-size: 1.25rem;
+      line-height: 1.875rem;
       letter-spacing: normal;
     }
-
-    mat-icon {
-      vertical-align: middle;
-      margin-left: 0.25rem;
-    }
-  }
-
-  @media (max-width: 544px) {
-    justify-content: center;
-  }
-
-  @media (min-width: 1441px) {
-    .long-card {
-      width: 17rem;
-      height: 51rem;
-    }
   }
 }
diff --git a/libs/dashboard/src/lib/components/long-card/long-card.component.spec.ts b/libs/dashboard/src/lib/components/long-card/long-card.component.spec.ts
index 9ab665a38..4d5b8469f 100644
--- a/libs/dashboard/src/lib/components/long-card/long-card.component.spec.ts
+++ b/libs/dashboard/src/lib/components/long-card/long-card.component.spec.ts
@@ -13,9 +13,6 @@ describe('LongCardComponent', () => {
     });
 
     const cardTitle = screen.getByText('Card Title');
-    const cardImage = screen.getByAltText('Image of Card Title');
-
     expect(cardTitle).toBeInTheDocument();
-    expect(cardImage).toHaveAttribute('src', 'https://example.com/image.jpg');
   });
 });