diff --git a/dashboard-prime/src/components/metrics/common/LevelBreakdownMetric.vue b/dashboard-prime/src/components/metrics/common/LevelBreakdownMetric.vue
index 7ba492ae2d..b94c0b6e02 100644
--- a/dashboard-prime/src/components/metrics/common/LevelBreakdownMetric.vue
+++ b/dashboard-prime/src/components/metrics/common/LevelBreakdownMetric.vue
@@ -145,7 +145,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <Card data-cy="levelsChart" :pt="{ body: { class: 'p-0 pt-2 pr-2' }, content: { class: 'p-0' } }">
+  <Card data-cy="levelsChart" :pt="{ body: { class: 'p-0 pt-2' }, content: { class: 'p-0' } }">
     <template #header>
       <SkillsCardHeader :title="title"></SkillsCardHeader>
     </template>
diff --git a/dashboard-prime/src/components/metrics/projectNav/MetricNavCard.vue b/dashboard-prime/src/components/metrics/projectNav/MetricNavCard.vue
index a2e593eab2..005926b522 100644
--- a/dashboard-prime/src/components/metrics/projectNav/MetricNavCard.vue
+++ b/dashboard-prime/src/components/metrics/projectNav/MetricNavCard.vue
@@ -14,19 +14,21 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 <script setup>
+import CardWithVericalSections from '@/components/utils/cards/CardWithVericalSections.vue'
+
 defineProps(['title', 'subtitle', 'description', 'icon', 'pathName']);
 </script>
 
 <template>
-  <Card>
+  <CardWithVericalSections>
     <template #content>
-      <div>
+      <div class="p-5">
         <div class="flex">
           <div class="flex d-inline-block mt-1 mr-3 border rounded p-2">
             <i class="fa-3x" :class="icon"/>
           </div>
           <div class="flex flex-1 flex-column">
-            <div class="h4 mb-2">{{ title }}</div>
+            <div class="h4 mb-2 font-semibold">{{ title }}</div>
             <div class="font-light text-sm">
               <slot name="subtitle">
                 {{ subtitle }}
@@ -41,13 +43,13 @@ defineProps(['title', 'subtitle', 'description', 'icon', 'pathName']);
 
     </template>
     <template #footer>
-      <div class="text-center">
+      <div class="text-center pb-3 px-5">
         <router-link :to="{ name: pathName }" :data-cy="`metricsNav-${title}`">
           <SkillsButton size="small" :label="`${title}`" icon="fas fa-arrow-right" />
         </router-link>
       </div>
     </template>
-  </Card>
+  </CardWithVericalSections>
 </template>
 
 <style scoped>
diff --git a/dashboard-prime/src/components/metrics/projectNav/ProjectMetricsNavCards.vue b/dashboard-prime/src/components/metrics/projectNav/ProjectMetricsNavCards.vue
index 7dc0a896d8..9b66c1a62e 100644
--- a/dashboard-prime/src/components/metrics/projectNav/ProjectMetricsNavCards.vue
+++ b/dashboard-prime/src/components/metrics/projectNav/ProjectMetricsNavCards.vue
@@ -20,7 +20,7 @@ defineProps(['navCards'])
 </script>
 
 <template>
-  <div class="flex gap-3 flex-column lg:flex-row mt-4">
+  <div class="flex flex-wrap gap-3 flex-column lg:flex-row mt-4">
       <metric-nav-card v-for="(navItem) in navCards" :key="navItem.title" class="flex-1"
                        :title="navItem.title" :subtitle="navItem.subtitle" :description="navItem.description"
                        :path-name="navItem.pathName" :icon="navItem.icon" />
diff --git a/dashboard-prime/src/components/metrics/userTags/UserTagMetrics.vue b/dashboard-prime/src/components/metrics/userTags/UserTagMetrics.vue
index 4cef6899eb..42119718cf 100644
--- a/dashboard-prime/src/components/metrics/userTags/UserTagMetrics.vue
+++ b/dashboard-prime/src/components/metrics/userTags/UserTagMetrics.vue
@@ -55,9 +55,7 @@ const buildTagCharts = () => {
 <template>
   <div>
     <div class="flex mb-3">
-      <div class="">
-        <level-breakdown-metric :title="`Overall Levels for ${metricTitle}`" />
-      </div>
+      <level-breakdown-metric :title="`Overall Levels for ${metricTitle}`" class="flex-1"/>
     </div>
     <users-table-metric :title="`Users for ${metricTitle}`" />
   </div>
diff --git a/dashboard-prime/src/components/metrics/userTags/UsersTableMetric.vue b/dashboard-prime/src/components/metrics/userTags/UsersTableMetric.vue
index 5b3bb2af18..ccde65cf1d 100644
--- a/dashboard-prime/src/components/metrics/userTags/UsersTableMetric.vue
+++ b/dashboard-prime/src/components/metrics/userTags/UsersTableMetric.vue
@@ -27,7 +27,7 @@ defineProps({
 </script>
 
 <template>
-  <Card :no-padding="true" data-cy="usersTableMetric" >
+  <Card :no-padding="true" data-cy="usersTableMetric" :pt="{ body: { class: 'p-0' }, content: { class: 'p-0' } }">
     <template #header>
       <SkillsCardHeader :title="title"></SkillsCardHeader>
     </template>
diff --git a/e2e-tests/cypress/e2e/client-display/client-display-theme-various-display-sizes_spec.js b/e2e-tests/cypress/e2e/client-display/client-display-theme-various-display-sizes_spec.js
index f4c863b005..8afca34578 100644
--- a/e2e-tests/cypress/e2e/client-display/client-display-theme-various-display-sizes_spec.js
+++ b/e2e-tests/cypress/e2e/client-display/client-display-theme-various-display-sizes_spec.js
@@ -239,7 +239,7 @@ describe('Client Display Tests', () => {
                 // wait for the bar (on the bar chart) to render
                 cy.get('[data-cy="levelBreakdownChart-animationEnded"]');
                 cy.wait(5000)
-                cy.matchSnapshotImageForElement('[data-cy="testDisplayTheme"]', {blackout: '[data-cy="dateCell"]', errorThreshold: 0.05 });
+                cy.matchSnapshotImageForElement('[data-cy="testDisplayTheme"]', {blackout: '[data-cy="dateCell"]', errorThreshold: 0.35 });
             });
         }
 
diff --git a/e2e-tests/cypress/e2e/client-display/client-display_catalog_skills_spec.js b/e2e-tests/cypress/e2e/client-display/client-display_catalog_skills_spec.js
index 7cbd17e8f2..24b16d5055 100644
--- a/e2e-tests/cypress/e2e/client-display/client-display_catalog_skills_spec.js
+++ b/e2e-tests/cypress/e2e/client-display/client-display_catalog_skills_spec.js
@@ -210,18 +210,31 @@ describe('Client Display Skills Imported from Catalog Tests', () => {
         cy.cdVisit('/');
         cy.cdClickSubj(0);
 
-        cy.matchSnapshotImageForElement('[data-cy="skillProgress_index-0"]', 'catalog imported skill visual regression - skill preview');
+        cy.matchSnapshotImageForElement('[data-cy="skillProgress_index-0"]', {
+            name: 'catalog imported skill visual regression - skill preview',
+            blackout: '[data-cy="skillProgressTitle"]',
+            errorThreshold: 0.05
+        });
 
         cy.cdClickSkill(0);
-        cy.matchSnapshotImageForElement('[data-cy="skillProgress"]', 'catalog imported skill visual regression - skill details');
+        cy.matchSnapshotImageForElement('[data-cy="skillProgress"]', {
+            name: 'catalog imported skill visual regression - skill details',
+            errorThreshold: 0.05
+        });
 
         cy.cdVisit('/?enableTheme=true');
         cy.cdClickSubj(0);
 
-        cy.matchSnapshotImageForElement('[data-cy="skillProgress_index-0"]', 'catalog imported skill visual regression - skill preview themed');
+        cy.matchSnapshotImageForElement('[data-cy="skillProgress_index-0"]', {
+            name: 'catalog imported skill visual regression - skill preview themed',
+            errorThreshold: 0.05
+        });
 
         cy.cdClickSkill(0);
-        cy.matchSnapshotImageForElement('[data-cy="skillProgress"]', 'catalog imported skill visual regression - skill details themed');
+        cy.matchSnapshotImageForElement('[data-cy="skillProgress"]', {
+            name: 'catalog imported skill visual regression - skill details themed',
+            errorThreshold: 0.05
+        });
     });
 
     it('catalog imported skill has self-report approval request', () => {
diff --git a/e2e-tests/cypress/e2e/client-display/skills-display-achieved-date_spec.js b/e2e-tests/cypress/e2e/client-display/skills-display-achieved-date_spec.js
index 0d7f8cb102..11ab9aaf93 100644
--- a/e2e-tests/cypress/e2e/client-display/skills-display-achieved-date_spec.js
+++ b/e2e-tests/cypress/e2e/client-display/skills-display-achieved-date_spec.js
@@ -7,6 +7,11 @@ dayjs.extend(advancedFormatPlugin);
 
 describe('Last Achieved date tests', () => {
 
+  const snapshotOptions = {
+    blackout: '[data-cy="skillTreePoweredBy"]',
+    errorThreshold: 0.05
+  };
+
   beforeEach(() => {
     Cypress.env('disabledUILoginProp', true);
     cy.request('POST', '/app/projects/proj1', {
@@ -153,7 +158,8 @@ describe('Last Achieved date tests', () => {
 
     cy.matchSnapshotImageForElement('[data-cy="skillsDisplayHome"]', {
       name: 'Skill-Overview-Achieved',
-      blackout: '[data-cy=pointHistoryChart]'
+      blackout: '[data-cy=pointHistoryChart], [data-cy="skillTreePoweredBy"]',
+      errorThreshold: 0.05
     });
   });
 
@@ -181,7 +187,8 @@ describe('Last Achieved date tests', () => {
 
     cy.matchSnapshotImageForElement('[data-cy="skillsDisplayHome"]', {
       name: 'Skill-Overview-Achieved-Themed',
-      blackout: '[data-cy=pointHistoryChart]'
+      blackout: '[data-cy=pointHistoryChart], [data-cy="skillTreePoweredBy"]',
+      errorThreshold: 0.05
     });
   });
 
@@ -211,7 +218,8 @@ describe('Last Achieved date tests', () => {
 
     cy.matchSnapshotImageForElement('[data-cy="skillsDisplayHome"]', {
       name: 'Skill-Overview-Achieved-iphone6',
-      blackout: '[data-cy=pointHistoryChart]'
+      blackout: '[data-cy=pointHistoryChart], [data-cy="skillTreePoweredBy"]',
+      errorThreshold: 0.05
     });
 
   });
@@ -241,7 +249,8 @@ describe('Last Achieved date tests', () => {
 
     cy.matchSnapshotImageForElement('[data-cy="skillsDisplayHome"]', {
       name: 'Skill-Overview-Achieved-ipad2',
-      blackout: '[data-cy=pointHistoryChart]'
+      blackout: '[data-cy=pointHistoryChart], [data-cy="skillTreePoweredBy"]',
+      errorThreshold: 0.05
     });
   });
 
diff --git a/e2e-tests/cypress/e2e/learning-path/client-display-learning-path-graph-theme-snapshots_spec.js b/e2e-tests/cypress/e2e/learning-path/client-display-learning-path-graph-theme-snapshots_spec.js
index bf23837e1e..885a3560cf 100644
--- a/e2e-tests/cypress/e2e/learning-path/client-display-learning-path-graph-theme-snapshots_spec.js
+++ b/e2e-tests/cypress/e2e/learning-path/client-display-learning-path-graph-theme-snapshots_spec.js
@@ -17,6 +17,11 @@ import moment from 'moment-timezone';
 
 describe('Client Display Prerequisites Snapshot Tests', () => {
 
+    const snapshotOptions = {
+        blackout: '[data-cy="skillTreePoweredBy"]',
+        errorThreshold: 0.05
+    };
+
     beforeEach(() => {
         Cypress.env('disabledUILoginProp', true);
         cy.createProject(1);
@@ -39,7 +44,7 @@ describe('Client Display Prerequisites Snapshot Tests', () => {
         });
 
         // must set viewport to show entire canvas or it will not appear in the screenshot
-        cy.viewport(1280, 1280);
+        cy.viewport(1500, 1500);
     });
 
     it('skill prerequisite graph', () => {
@@ -68,7 +73,7 @@ describe('Client Display Prerequisites Snapshot Tests', () => {
         cy.cdClickSkill(1);
 
         cy.wait(5000)
-        cy.matchSnapshotImageForElement('[data-cy="skillsDisplayHome"]');
+        cy.matchSnapshotImageForElement('[data-cy="skillsDisplayHome"]', snapshotOptions);
     });
 
     it('skill prerequisite graph - with paging', () => {
@@ -89,7 +94,7 @@ describe('Client Display Prerequisites Snapshot Tests', () => {
         cy.cdClickSkill(9);
 
         cy.wait(5000)
-        cy.matchSnapshotImageForElement('[data-cy="skillsDisplayHome"]');
+        cy.matchSnapshotImageForElement('[data-cy="skillsDisplayHome"]', snapshotOptions);
     });
 
     it('skill prerequisite graph on badge page', () => {
@@ -135,7 +140,7 @@ describe('Client Display Prerequisites Snapshot Tests', () => {
         cy.get('[data-cy="prereqTable"] [data-p-index="3"] [data-cy="skillLink-proj1-skill2"]')
         cy.get('[data-cy="prereqTable"] [data-p-index="4"] [data-cy="skillLink-proj1-skill3"]')
         cy.wait(5000)
-        cy.matchSnapshotImageForElement('[data-cy="skillsDisplayHome"]');
+        cy.matchSnapshotImageForElement('[data-cy="skillsDisplayHome"]', snapshotOptions);
     });
 
 });
\ No newline at end of file
diff --git a/e2e-tests/cypress/visualRegression/base/client-display-learning-path-graph-theme-snapshots_spec.js/skill prerequisite graph - with paging.png b/e2e-tests/cypress/visualRegression/base/client-display-learning-path-graph-theme-snapshots_spec.js/skill prerequisite graph - with paging.png
index 0ff16b49fb..7d83d1c2ef 100644
Binary files a/e2e-tests/cypress/visualRegression/base/client-display-learning-path-graph-theme-snapshots_spec.js/skill prerequisite graph - with paging.png and b/e2e-tests/cypress/visualRegression/base/client-display-learning-path-graph-theme-snapshots_spec.js/skill prerequisite graph - with paging.png differ
diff --git a/e2e-tests/cypress/visualRegression/base/client-display-learning-path-graph-theme-snapshots_spec.js/skill prerequisite graph on badge page.png b/e2e-tests/cypress/visualRegression/base/client-display-learning-path-graph-theme-snapshots_spec.js/skill prerequisite graph on badge page.png
index 6bebe69043..46c6a4b946 100644
Binary files a/e2e-tests/cypress/visualRegression/base/client-display-learning-path-graph-theme-snapshots_spec.js/skill prerequisite graph on badge page.png and b/e2e-tests/cypress/visualRegression/base/client-display-learning-path-graph-theme-snapshots_spec.js/skill prerequisite graph on badge page.png differ
diff --git a/e2e-tests/cypress/visualRegression/base/client-display-learning-path-graph-theme-snapshots_spec.js/skill prerequisite graph.png b/e2e-tests/cypress/visualRegression/base/client-display-learning-path-graph-theme-snapshots_spec.js/skill prerequisite graph.png
index 1586bcbf03..48cb98ceca 100644
Binary files a/e2e-tests/cypress/visualRegression/base/client-display-learning-path-graph-theme-snapshots_spec.js/skill prerequisite graph.png and b/e2e-tests/cypress/visualRegression/base/client-display-learning-path-graph-theme-snapshots_spec.js/skill prerequisite graph.png differ
diff --git a/e2e-tests/cypress/visualRegression/base/client-display_catalog_skills_spec.js/catalog imported skill visual regression - skill preview.png b/e2e-tests/cypress/visualRegression/base/client-display_catalog_skills_spec.js/catalog imported skill visual regression - skill preview.png
index f3dfd228b1..422a4b4f0f 100644
Binary files a/e2e-tests/cypress/visualRegression/base/client-display_catalog_skills_spec.js/catalog imported skill visual regression - skill preview.png and b/e2e-tests/cypress/visualRegression/base/client-display_catalog_skills_spec.js/catalog imported skill visual regression - skill preview.png differ
diff --git a/e2e-tests/cypress/visualRegression/base/markdown_spec.js/Markdown-SkillsPage-Overview.png b/e2e-tests/cypress/visualRegression/base/markdown_spec.js/Markdown-SkillsPage-Overview.png
index d3b255904b..c1d842aec2 100644
Binary files a/e2e-tests/cypress/visualRegression/base/markdown_spec.js/Markdown-SkillsPage-Overview.png and b/e2e-tests/cypress/visualRegression/base/markdown_spec.js/Markdown-SkillsPage-Overview.png differ
diff --git a/e2e-tests/cypress/visualRegression/base/markdown_spec.js/Markdown-SkillsPage-SkillPreview.png b/e2e-tests/cypress/visualRegression/base/markdown_spec.js/Markdown-SkillsPage-SkillPreview.png
index ffa57d1485..4a1241465f 100644
Binary files a/e2e-tests/cypress/visualRegression/base/markdown_spec.js/Markdown-SkillsPage-SkillPreview.png and b/e2e-tests/cypress/visualRegression/base/markdown_spec.js/Markdown-SkillsPage-SkillPreview.png differ
diff --git a/e2e-tests/cypress/visualRegression/base/markdown_spec.js/wysiwyg features.png b/e2e-tests/cypress/visualRegression/base/markdown_spec.js/wysiwyg features.png
index 3fca9ce9e6..a416fb34e4 100644
Binary files a/e2e-tests/cypress/visualRegression/base/markdown_spec.js/wysiwyg features.png and b/e2e-tests/cypress/visualRegression/base/markdown_spec.js/wysiwyg features.png differ
diff --git a/e2e-tests/cypress/visualRegression/base/skills-display-achieved-date_spec.js/Skill-Overview-Achieved-Themed.png b/e2e-tests/cypress/visualRegression/base/skills-display-achieved-date_spec.js/Skill-Overview-Achieved-Themed.png
index 665802aaa9..d09bccac84 100644
Binary files a/e2e-tests/cypress/visualRegression/base/skills-display-achieved-date_spec.js/Skill-Overview-Achieved-Themed.png and b/e2e-tests/cypress/visualRegression/base/skills-display-achieved-date_spec.js/Skill-Overview-Achieved-Themed.png differ
diff --git a/e2e-tests/cypress/visualRegression/base/skills-display-achieved-date_spec.js/Skill-Overview-Achieved-ipad2.png b/e2e-tests/cypress/visualRegression/base/skills-display-achieved-date_spec.js/Skill-Overview-Achieved-ipad2.png
index 9d9da3e4d3..b20500802d 100644
Binary files a/e2e-tests/cypress/visualRegression/base/skills-display-achieved-date_spec.js/Skill-Overview-Achieved-ipad2.png and b/e2e-tests/cypress/visualRegression/base/skills-display-achieved-date_spec.js/Skill-Overview-Achieved-ipad2.png differ
diff --git a/e2e-tests/cypress/visualRegression/base/skills-display-achieved-date_spec.js/Skill-Overview-Achieved-iphone6.png b/e2e-tests/cypress/visualRegression/base/skills-display-achieved-date_spec.js/Skill-Overview-Achieved-iphone6.png
index fc80920205..80940d4f6f 100644
Binary files a/e2e-tests/cypress/visualRegression/base/skills-display-achieved-date_spec.js/Skill-Overview-Achieved-iphone6.png and b/e2e-tests/cypress/visualRegression/base/skills-display-achieved-date_spec.js/Skill-Overview-Achieved-iphone6.png differ
diff --git a/e2e-tests/cypress/visualRegression/base/skills-display-achieved-date_spec.js/Skill-Overview-Achieved.png b/e2e-tests/cypress/visualRegression/base/skills-display-achieved-date_spec.js/Skill-Overview-Achieved.png
index 6253967d50..597ade1ca0 100644
Binary files a/e2e-tests/cypress/visualRegression/base/skills-display-achieved-date_spec.js/Skill-Overview-Achieved.png and b/e2e-tests/cypress/visualRegression/base/skills-display-achieved-date_spec.js/Skill-Overview-Achieved.png differ