Improve style

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 }}"

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) {