diff --git a/apps/client/src/app/pages/resources/personal-finance-tools/personal-finance-tools-page.html b/apps/client/src/app/pages/resources/personal-finance-tools/personal-finance-tools-page.html
index 90b7b3ad1..f3c128433 100644
--- a/apps/client/src/app/pages/resources/personal-finance-tools/personal-finance-tools-page.html
+++ b/apps/client/src/app/pages/resources/personal-finance-tools/personal-finance-tools-page.html
@@ -23,11 +23,11 @@
         track personalFinanceTool
       ) {
         <mat-card appearance="outlined" class="mb-3">
-          <mat-card-content>
+          <mat-card-content class="p-0">
             <div class="container p-0">
               <div class="flex-nowrap no-gutters row">
                 <a
-                  class="d-flex overflow-hidden w-100"
+                  class="d-flex overflow-hidden p-3 w-100"
                   title="Compare Ghostfolio to {{
                     personalFinanceTool.name
                   }} - {{ personalFinanceTool.slogan }}"
diff --git a/apps/client/src/app/pages/resources/personal-finance-tools/personal-finance-tools-page.scss b/apps/client/src/app/pages/resources/personal-finance-tools/personal-finance-tools-page.scss
index 8e1e178c7..00667fe84 100644
--- a/apps/client/src/app/pages/resources/personal-finance-tools/personal-finance-tools-page.scss
+++ b/apps/client/src/app/pages/resources/personal-finance-tools/personal-finance-tools-page.scss
@@ -12,6 +12,12 @@
       }
     }
   }
+
+  .mat-mdc-card {
+    &:hover {
+      border-color: var(--gf-theme-primary-500);
+    }
+  }
 }
 
 :host-context(.is-dark-theme) {