fixed height of wallets

src/components/InputCopy.vue

@@ -1,22 +1,12 @@
 <template>
-  <b-input-group
-    class="copy-input-container d-flex align-items-center"
-    :size="size"
-  >
-    <b-form-input
-      ref="copy-input-field"
-      type="text"
-      class="copy-input"
-      readonly
-      v-model="value"
-    ></b-form-input>
+  <b-input-group class="copy-input-container d-flex align-items-center" :size="size">
+    <b-form-input ref="copy-input-field" type="text" class="copy-input" readonly v-model="value"></b-form-input>
 
-    <b-input-group-append>
+    <b-input-group-append class="copy-icon-btn" @click="copyText">
       <svg
         width="18"
         height="18"
         viewBox="0 0 18 18"
-        @click="copyText"
         class="copy-icon"
         fill="none"
         xmlns="http://www.w3.org/2000/svg"
@@ -87,7 +77,7 @@ export default {
   padding-left: 0;
   padding-right: 10px;
 }
-.copy-icon {
+.copy-icon-btn {
   cursor: pointer;
 }
 </style>

src/global-styles/custom.scss

@@ -341,13 +341,29 @@ svg.icon-clock {
   }
 
 
-  //wallet transactions container
+  //wallet 
+  .wallet-content {
+    height: 22rem;
+  }
+  .wallet-buttons {
+      height: 3.5rem;
+  }
+  .wallet-error {
+      position: relative;
+      height: 1rem;
+      .error {
+          position: absolute;
+          top: 0;
+          left: 0;
+      }
+  }
+  //transactions container
   //Transactions
 .wallet-transactions-container {
     position: relative;
 
     .transactions {
-        height: 20rem;
+        height: 22rem;
         overflow-y: scroll;
         -webkit-overflow-scrolling: touch; //momentum scroll on iOS
       }