CSS fix

Author: filipsekulic

ui/components/app/add-network/add-network.js

@@ -154,6 +154,7 @@ const AddNetwork = () => {
                 ? [0, 6, 1, 6]
                 : [4, 0, 1, 0]
             }
+            className="add-network__main-container"
           >
             <Typography
               variant={TYPOGRAPHY.H6}

ui/components/app/add-network/index.scss

@@ -2,15 +2,27 @@
   &__header {
     border-bottom: 1px solid var(--color-border-default);
 
+    @media screen and (max-width: 575px) {
+      padding-left: 24px;
+      padding-right: 24px;
+    }
+
     &__back-icon {
       margin-left: -8px;
       margin-right: 4px;
     }
   }
 
+  &__main-container {
+    @media screen and (max-width: 575px) {
+      padding-left: 24px;
+      padding-right: 24px;
+    }
+  }
+
   &__list-of-networks {
     @media screen and (min-width: $break-large) {
-      width: 50%;
+      width: 75%;
     }
   }
 
@@ -45,6 +57,10 @@
     width: 100%;
     padding-bottom: 8px;
 
+    @media screen and (max-width: 575px) {
+      padding-left: 24px !important;
+    }
+
     & .btn-link {
       display: initial;
       padding: 0;