fix: not possible to click on a safe in listItem (#3373)

Since the .listItem had a padding, the <a> tag inside of it was only clickable if you manage to hit it directly. But ListItem actually looks like a clickable button, so you won’t expect that you have to be clicking directly in the center.

src/components/welcome/MyAccounts/styles.module.css

@@ -32,12 +32,12 @@
   border: 1px solid var(--color-border-light);
   border-radius: var(--space-1);
   margin-bottom: 12px;
-  padding-top: var(--space-2);
-  padding-bottom: var(--space-2);
+  padding-top: 0;
+  padding-bottom: 0;
+  padding-left: 0;
 }
 
 .currentListItem {
-  padding-left: var(--space-2);
   border: 1px solid var(--color-secondary-light);
   border-left-width: 6px;
   background-color: var(--color-secondary-background) !important;
@@ -51,7 +51,7 @@
 .safeLink {
   display: flex;
   align-items: center;
-  padding-right: var(--space-1);
+  padding: var(--space-2) var(--space-1) var(--space-2) var(--space-2);
 }
 
 .safeAddress {