chore: adjusts styling

src/components/TokenIcon.vue

@@ -6,9 +6,7 @@
       :src="mapToken(tokenA)"
       alt=""
     />
-    <AeIcon
-        v-else-if="tokenA && tokenA.is_ae"
-        :class="{ rotating, 'not-pool-token': !tokenB }" />
+    <AeIcon v-else-if="tokenA && tokenA.is_ae" :class="{ rotating, 'not-pool-token': !tokenB }" />
     <img v-if="tokenB && !tokenB.is_ae" :class="{ rotating }" :src="mapToken(tokenB)" alt="" />
     <AeIcon v-else-if="tokenB && tokenB.is_ae" />
   </div>
@@ -28,23 +26,25 @@ export default {
   },
   methods: {
     mapToken(token) {
-        return `https://avatars.z52da5wt.xyz/${token.contract_id}`;
+      return `https://avatars.z52da5wt.xyz/${token.contract_id}`;
     },
-  }
+  },
 };
 </script>
 
 <style lang="scss" scoped>
 .token-icon {
   display: flex;
 
-  img, svg {
+  img,
+  svg {
     height: 24px;
     width: 24px;
     border-radius: 24px;
   }
 
-  img:not(.not-pool-token):nth-of-type(2), svg:not(.not-pool-token):nth-of-type(2) {
+  img:not(.not-pool-token):nth-of-type(2),
+  svg:not(.not-pool-token):nth-of-type(2) {
     margin-left: -10px;
   }
 }