Add border

apps/client/src/app/components/no-transactions-info/no-transactions-info.component.html

@@ -1,3 +1,4 @@
+<div class="p-3">
   <div class="d-flex justify-content-center mb-1">
     <gf-logo size="large" [hideName]="true"></gf-logo>
   </div>
@@ -9,3 +10,4 @@
   >
     <span i18n>Time to add your first transaction.</span>
   </a>
+</div>

apps/client/src/app/components/no-transactions-info/no-transactions-info.component.scss

@@ -1,7 +1,13 @@
 :host {
+  border: 1px solid rgba(var(--dark-dividers));
+  border-radius: 0.25rem;
   display: block;
 
   gf-logo {
     opacity: 0.25;
   }
 }
+
+:host-context(.is-dark-theme) {
+  border-color: rgba(var(--light-dividers));
+}