From 931a5e4e9f0d2b5f300a0f94dd1754375e5887df Mon Sep 17 00:00:00 2001
From: Jamie Hewitt <jamie.hewitt15@gmail.com>
Date: Wed, 13 Apr 2022 14:34:47 +0300
Subject: [PATCH] adding padding to AvailableNetworks component

---
 src/components/@shared/AvailableNetworks/index.module.css | 3 +++
 src/components/@shared/AvailableNetworks/index.tsx        | 4 ++--
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/@shared/AvailableNetworks/index.module.css b/src/components/@shared/AvailableNetworks/index.module.css
index 2e5cc1c3e..3b5c1e3cf 100644
--- a/src/components/@shared/AvailableNetworks/index.module.css
+++ b/src/components/@shared/AvailableNetworks/index.module.css
@@ -10,3 +10,6 @@
   margin-top: calc(var(--spacer) / 2);
   color: var(--color-secondary);
 }
+.content {
+  padding: calc(var(--spacer) / 2);
+}
diff --git a/src/components/@shared/AvailableNetworks/index.tsx b/src/components/@shared/AvailableNetworks/index.tsx
index dfa67e52b..2f9aea752 100644
--- a/src/components/@shared/AvailableNetworks/index.tsx
+++ b/src/components/@shared/AvailableNetworks/index.tsx
@@ -32,7 +32,7 @@ export default function AvailableNetworks(): ReactElement {
     ))
 
   return (
-    <>
+    <div className={styles.content}>
       Assets are published to the network your wallet is conected to. These
       networks are currently supported:
       {networkCategories.map(
@@ -46,6 +46,6 @@ export default function AvailableNetworks(): ReactElement {
             </>
           )
       )}
-    </>
+    </div>
   )
 }