diff --git a/.eslintrc.js b/.eslintrc.js
index 6051afef..89cc7172 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -22,6 +22,7 @@ module.exports = {
     'react/jsx-filename-extension':      'off',
     'react/jsx-props-no-spreading':      'off',
     'import/no-extraneous-dependencies': 'off',
+    'import/prefer-default-export':      'off',
     'prefer-destructuring':                [
       'error', {
         VariableDeclarator:   {
diff --git a/.github/workflows/pull-request.yml b/.github/workflows/pull-request.yml
new file mode 100644
index 00000000..52187915
--- /dev/null
+++ b/.github/workflows/pull-request.yml
@@ -0,0 +1,28 @@
+name: PR Actions
+
+on:
+  pull_request:
+
+concurrency:
+  group: ${{ github.event.pull_request.number }}
+  cancel-in-progress: true
+
+jobs:
+  checks:
+    runs-on: ubuntu-latest
+    
+    steps:
+      - name: Code Checkout
+        uses: actions/checkout@v3
+
+      - name: Install NodeJS
+        uses: actions/setup-node@v3
+        with:
+          node-version: 16.x
+          cache: 'yarn'
+
+      - name: Install NPM Dependencies
+        run: yarn install
+
+      - name: Run Linting
+        run: yarn lint
diff --git a/custom.d.ts b/custom.d.ts
deleted file mode 100644
index 5783313c..00000000
--- a/custom.d.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-declare module "*.svg" {
-  const content: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
-  export default content;
-}
\ No newline at end of file
diff --git a/src/components/AddDevice/AddDevice.tsx b/src/components/AddDevice/AddDevice.tsx
index eea4df5a..04d0c743 100644
--- a/src/components/AddDevice/AddDevice.tsx
+++ b/src/components/AddDevice/AddDevice.tsx
@@ -12,7 +12,7 @@ import { openToast } from '../../lib/Toast';
 import { useAuthState } from '../../lib/useAuthState';
 import { decodeIfTruthy, inIframe } from '../../utils';
 import { basePath } from '../../utils/config';
-import { checkFirestoreReady, firebaseAuth, getDomain } from '../../utils/firebase';
+import { checkFirestoreReady, firebaseAuth } from '../../utils/firebase';
 import { isValidEmail } from '../../utils/form-validation';
 
 const StyledContainer = styled.div`
@@ -233,7 +233,7 @@ function SignInPage() {
           return window.firestoreController.addDeviceCollection({
             fakPublicKey:  null,
             lakPublicKey: public_key,
-            gateway: success_url,
+            gateway:      success_url,
           })
             .then(() => {
               const parsedUrl = new URL(success_url || window.location.origin);
@@ -325,20 +325,22 @@ function SignInPage() {
         <InputContainer>
           <label htmlFor="email">
             Email
-          </label>
-          <input
-            {...register('email', {
-              required: 'Please enter a valid email address',
-            })}
-            onChange={(e) => {
-              setValue('email', e.target.value);
+            <input
+              {...register('email', {
+                required: 'Please enter a valid email address',
+              })}
+              onChange={(e) => {
+                setValue('email', e.target.value);
+                // eslint-disable-next-line
               if (!isValidEmail(e.target.value)) return;
-            }}
-            placeholder="user_name@email.com"
-            type="email"
-            id="email"
-            required
-          />
+              }}
+              placeholder="user_name@email.com"
+              type="email"
+              id="email"
+              required
+            />
+          </label>
+
         </InputContainer>
 
         <Button type="submit" size="large" label="Continue" variant="affirmative" onClick={onSubmit} />
diff --git a/src/components/AuthCallback/AuthCallback.tsx b/src/components/AuthCallback/AuthCallback.tsx
index 3b55dbf3..25580b7f 100644
--- a/src/components/AuthCallback/AuthCallback.tsx
+++ b/src/components/AuthCallback/AuthCallback.tsx
@@ -11,9 +11,9 @@ import FirestoreController from '../../lib/firestoreController';
 import { openToast } from '../../lib/Toast';
 import { decodeIfTruthy, inIframe } from '../../utils';
 import { network, networkId } from '../../utils/config';
-import { checkFirestoreReady, firebaseAuth, getDomain } from '../../utils/firebase';
+import { checkFirestoreReady, firebaseAuth } from '../../utils/firebase';
 import {
-  CLAIM, getAddKeyAction, getUserCredentialsFrpSignature, getDeleteKeysAction, getAddLAKAction
+  CLAIM, getAddKeyAction, getUserCredentialsFrpSignature, getAddLAKAction
 } from '../../utils/mpc-service';
 
 const StyledStatusMessage = styled.div`
diff --git a/src/components/CreateAccount/CreateAccount.tsx b/src/components/CreateAccount/CreateAccount.tsx
index 5e995d4e..11d31a7a 100644
--- a/src/components/CreateAccount/CreateAccount.tsx
+++ b/src/components/CreateAccount/CreateAccount.tsx
@@ -52,7 +52,6 @@ function CreateAccount() {
   const formValues = watch();
   const navigate = useNavigate();
   const [searchParams] = useSearchParams();
-  
 
   const createAccount = async (data: { email: string; username: string; }) => {
     const success_url = searchParams.get('success_url');
diff --git a/src/components/Devices/Devices.tsx b/src/components/Devices/Devices.tsx
index d40a4602..6287cc05 100644
--- a/src/components/Devices/Devices.tsx
+++ b/src/components/Devices/Devices.tsx
@@ -9,7 +9,6 @@ import { useAuthState } from '../../lib/useAuthState';
 import { decodeIfTruthy } from '../../utils';
 import { networkId } from '../../utils/config';
 import { onSignIn } from '../AuthCallback/AuthCallback';
-import { getDomain } from '../../utils/firebase';
 
 const Title = styled.h1`
   padding-bottom: 20px;
diff --git a/src/components/Login/Login.tsx b/src/components/Login/Login.tsx
index 86657507..06f18d99 100644
--- a/src/components/Login/Login.tsx
+++ b/src/components/Login/Login.tsx
@@ -1,13 +1,13 @@
+import { fetchSignInMethodsForEmail } from 'firebase/auth';
 import React, { useEffect } from 'react';
+import { useForm } from 'react-hook-form';
 import { useNavigate, useSearchParams } from 'react-router-dom';
 
-import { Button } from '../../lib/Button';
 import { LoginWrapper, InputContainer } from './Login.style';
-import { useForm } from 'react-hook-form';
-import { fetchSignInMethodsForEmail } from 'firebase/auth';
+import { Button } from '../../lib/Button';
+import { openToast } from '../../lib/Toast';
 import { firebaseAuth } from '../../utils/firebase';
 import { isValidEmail } from '../../utils/form-validation';
-import { openToast } from '../../lib/Toast';
 
 function Login() {
   const [currentSearchParams] = useSearchParams();
@@ -19,12 +19,12 @@ function Login() {
       if (isRecovery === 'true') {
         navigate({
           pathname: '/add-device',
-          search: currentSearchParams.toString(),
+          search:   currentSearchParams.toString(),
         });
       } else {
         navigate({
           pathname: '/create-account',
-          search: currentSearchParams.toString(),
+          search:   currentSearchParams.toString(),
         });
       }
     }
@@ -35,21 +35,22 @@ function Login() {
   const emailCheck = async (params: any) => {
     fetchSignInMethodsForEmail(firebaseAuth, params.email)
       .then((result) => {
-        result.length === 0 &&
+        if (result.length === 0) {
           navigate({
             pathname: '/create-account',
-            search: `email=${params.email}`,
+            search:   `email=${params.email}`,
           });
-        result[0] == 'emailLink' &&
+        } else if (result[0] === 'emailLink') {
           navigate({
             pathname: '/add-device',
-            search: `email=${params.email}`,
+            search:   `email=${params.email}`,
           });
+        }
       })
       .catch((error: any) => {
         console.error('error', error);
         openToast({
-          type: 'ERROR',
+          type:  'ERROR',
           title: error.message,
         });
       });
@@ -66,16 +67,19 @@ function Login() {
         </header>
 
         <InputContainer>
-          <label htmlFor="email">Email</label>
-          <input
-            onChange={(e) => {
-              setValue('email', e.target.value);
-              if (!isValidEmail(e.target.value)) return;
-            }}
-            placeholder="user_name@email.com"
-            type="email"
-            required
-          />
+          <label htmlFor="email">
+            Email
+            <input
+              onChange={(e) => {
+                setValue('email', e.target.value);
+                // eslint-disable-next-line
+                if (!isValidEmail(e.target.value)) return;
+              }}
+              placeholder="user_name@email.com"
+              type="email"
+              required
+            />
+          </label>
         </InputContainer>
 
         <Button
diff --git a/src/components/RpcRoute/RpcRoute.tsx b/src/components/RpcRoute/RpcRoute.tsx
index 00259dde..c3a2f75a 100644
--- a/src/components/RpcRoute/RpcRoute.tsx
+++ b/src/components/RpcRoute/RpcRoute.tsx
@@ -1,6 +1,5 @@
 import { useEffect } from 'react';
 
-
 function RpcRoute() {
   useEffect(() => {
     const listener = (e: MessageEvent) => {
diff --git a/src/components/Sign/Sign.styles.ts b/src/components/Sign/Sign.styles.ts
index 9833878f..0f9c7463 100644
--- a/src/components/Sign/Sign.styles.ts
+++ b/src/components/Sign/Sign.styles.ts
@@ -1,4 +1,4 @@
-import styled from "styled-components";
+import styled from 'styled-components';
 
 export const ModalSignWrapper = styled.div`
   max-width: 550px;
diff --git a/src/components/Sign/Sign.tsx b/src/components/Sign/Sign.tsx
index 61780c13..48cb7ce6 100644
--- a/src/components/Sign/Sign.tsx
+++ b/src/components/Sign/Sign.tsx
@@ -169,6 +169,7 @@ function Sign() {
       const success_url = searchParams.get('success_url');
       for (let i = 0; i < transactionDetails.transactions.length; i += 1) {
         try {
+          // eslint-disable-next-line
           const signed = await (
             window as any
           ).fastAuthController.signDelegateAction(
@@ -228,6 +229,7 @@ function Sign() {
           />
         </div>
       </div>
+      {/* eslint-disable-next-line */}
       <div
         className="more-details"
         onClick={() => setShowDetails(!showDetails)}
@@ -254,6 +256,7 @@ function Sign() {
             <h4>Actions</h4>
             {transactionDetails.actions.map((action, i) => (
               <TableContent
+              // eslint-disable-next-line
                 key={i}
                 leftSide={transactionDetails.receiverId}
                 hasFunctionCall
diff --git a/src/components/Sign/Values/fiatValueManager.ts b/src/components/Sign/Values/fiatValueManager.ts
index e32220ba..16d2940a 100644
--- a/src/components/Sign/Values/fiatValueManager.ts
+++ b/src/components/Sign/Values/fiatValueManager.ts
@@ -1,7 +1,9 @@
 // @ts-ignore
-import sendJson from './tmp_fetch_send_json';
 import { stringifyUrl } from 'query-string';
 
+// @ts-ignore
+import sendJson from './tmp_fetch_send_json';
+
 const COINGECKO_PRICE_URL = 'https://api.coingecko.com/api/v3/simple/price';
 const ACCOUNT_ID_SUFFIX = 'mainnet';
 const REF_FINANCE_API_ENDPOINT = `https://${ACCOUNT_ID_SUFFIX}-indexer.ref-finance.com/`;
@@ -11,35 +13,32 @@ export const fetchGeckoPrices = async (tokenIds) => {
     const tokenFiatValues = await sendJson(
       'GET',
       stringifyUrl({
-        url: COINGECKO_PRICE_URL,
+        url:   COINGECKO_PRICE_URL,
         query: {
-          ids: tokenIds,
-          vs_currencies: 'usd',
+          ids:                     tokenIds,
+          vs_currencies:           'usd',
           include_last_updated_at: true,
         },
       })
     );
     return tokenFiatValues;
   } catch (error) {
-    console.error(`Failed to fetch coingecko prices: ${error}`);
+    return console.error(`Failed to fetch coingecko prices: ${error}`);
   }
 };
 
-
-
 export const fetchRefFinancePrices = async () => {
   try {
     const refFinanceTokenFiatValues = await sendJson(
       'GET',
-      REF_FINANCE_API_ENDPOINT + '/list-token-price'
+      `${REF_FINANCE_API_ENDPOINT}/list-token-price`
     );
     const [prices] = [refFinanceTokenFiatValues];
 
     const last_updated_at = Date.now() / 1000;
 
-    const formattedValues =
-      refFinanceTokenFiatValues &&
-      Object.keys(prices).reduce((acc, curr) => {
+    const formattedValues =      refFinanceTokenFiatValues
+      && Object.keys(prices).reduce((acc, curr) => {
         return {
           ...acc,
           [curr]: {
@@ -53,6 +52,6 @@ export const fetchRefFinancePrices = async () => {
       near: formattedValues['wrap.near'],
     };
   } catch (error) {
-    console.warn(`Failed to fetch ref-finance prices: ${error}`);
+    return console.warn(`Failed to fetch ref-finance prices: ${error}`);
   }
 };
diff --git a/src/components/Sign/Values/formatNearAmount.ts b/src/components/Sign/Values/formatNearAmount.ts
index 0045d518..66255f55 100644
--- a/src/components/Sign/Values/formatNearAmount.ts
+++ b/src/components/Sign/Values/formatNearAmount.ts
@@ -1,15 +1,15 @@
-import { utils} from 'near-api-js';
+import { utils } from 'near-api-js';
 
 const NEAR_FRACTIONAL_DIGITS = 5;
 
 export const formatNearAmount = (amount) => {
- amount = amount.toString();
- if (amount === '0') {
-     return amount;
- }
- let formattedAmount = utils.format.formatNearAmount(amount, NEAR_FRACTIONAL_DIGITS);
- if (formattedAmount === '0') {
-     return `< ${!NEAR_FRACTIONAL_DIGITS ? '0' : `0.${'0'.repeat((NEAR_FRACTIONAL_DIGITS || 1) - 1)}1`}`;
- }
- return formattedAmount;
-};
\ No newline at end of file
+  amount = amount.toString();
+  if (amount === '0') {
+    return amount;
+  }
+  const formattedAmount = utils.format.formatNearAmount(amount, NEAR_FRACTIONAL_DIGITS);
+  if (formattedAmount === '0') {
+    return `< ${!NEAR_FRACTIONAL_DIGITS ? '0' : `0.${'0'.repeat((NEAR_FRACTIONAL_DIGITS || 1) - 1)}1`}`;
+  }
+  return formattedAmount;
+};
diff --git a/src/components/Sign/Values/store.ts b/src/components/Sign/Values/store.ts
index 3711dd61..b00ae072 100644
--- a/src/components/Sign/Values/store.ts
+++ b/src/components/Sign/Values/store.ts
@@ -1,10 +1,12 @@
 import { create } from 'zustand';
 import { devtools } from 'zustand/middleware';
 
-const store = (set) => ({
-  fiatValueUsd: '',
-  storeFetchedUsdValues: (fiatValueUsd) => set({ fiatValueUsd }),
-});
+const store = (set) => {
+  return {
+    fiatValueUsd:          '',
+    storeFetchedUsdValues: (fiatValueUsd) => set({ fiatValueUsd }),
+  };
+};
 
 const fiatValuesStore = create(devtools(store));
 
diff --git a/src/components/Sign/Values/tmp_fetch_send_json.ts b/src/components/Sign/Values/tmp_fetch_send_json.ts
index bb8abcfb..321d0f4d 100644
--- a/src/components/Sign/Values/tmp_fetch_send_json.ts
+++ b/src/components/Sign/Values/tmp_fetch_send_json.ts
@@ -1,32 +1,32 @@
 // Taken from Near Wallet
 // @ts-ignore
-let fetch = (typeof window === 'undefined' || window.name === 'nodejs') ? require('node-fetch') : window.fetch;
+const fetch = (typeof window === 'undefined' || window.name === 'nodejs') ? require('node-fetch') : window.fetch;
 
 const createError = require('http-errors');
 
 module.exports = async function sendJson(method, url, json) {
-    const response = await fetch(url, {
-        method: method,
-        body: method !== 'GET' ? JSON.stringify(json) : undefined,
-        headers: {
-            'Content-type': 'application/json; charset=utf-8',
-        }
-    });
-    if (!response.ok) {
-        const body = await response.text();
-        let parsedBody;
-
-        try {
-            parsedBody = JSON.parse(body);
-        } catch (e) {
-            throw createError(response.status, body);
-        }
-
-        throw createError(response.status, parsedBody);
+  const response = await fetch(url, {
+    method,
+    body:    method !== 'GET' ? JSON.stringify(json) : undefined,
+    headers: {
+      'Content-type': 'application/json; charset=utf-8',
     }
-    if (response.status === 204) {
-        // No Content
-        return null;
+  });
+  if (!response.ok) {
+    const body = await response.text();
+    let parsedBody;
+
+    try {
+      parsedBody = JSON.parse(body);
+    } catch (e) {
+      throw createError(response.status, body);
     }
-    return await response.json();
+
+    throw createError(response.status, parsedBody);
+  }
+  if (response.status === 204) {
+    // No Content
+    return null;
+  }
+  return response.json();
 };
diff --git a/src/components/TableContent/TableContent.styles.ts b/src/components/TableContent/TableContent.styles.ts
index 87604d2f..91a8a7dc 100644
--- a/src/components/TableContent/TableContent.styles.ts
+++ b/src/components/TableContent/TableContent.styles.ts
@@ -1,5 +1,4 @@
 import styled from 'styled-components';
-import ArrowDownSvg from '../../Images/arrow-down';
 
 interface check {
   hasFunctionCall?: boolean;
diff --git a/src/components/TableContent/TableContent.tsx b/src/components/TableContent/TableContent.tsx
index 964409ca..13706b4e 100644
--- a/src/components/TableContent/TableContent.tsx
+++ b/src/components/TableContent/TableContent.tsx
@@ -1,11 +1,12 @@
 import * as React from 'react';
+
+import TableContentWrapper from './TableContent.styles';
 import ArrowDownSvg from '../../Images/arrow-down';
 import ArrowUpSvg from '../../Images/arrow-up';
 import InfoSvg from '../../Images/info';
-import TableContentWrapper from './TableContent.styles';
-import { Tooltip } from '../../lib/Tooltip';
-import { Button } from '../../lib/Button';
 import OpenLinkSvg from '../../Images/open-link';
+import { Button } from '../../lib/Button';
+import { Tooltip } from '../../lib/Tooltip';
 
 interface TableContentProps {
   hasFunctionCall?: boolean;
@@ -38,6 +39,7 @@ function TableContent({
             <InfoSvg />
           </Tooltip>
         )}
+        {/* eslint-disable-next-line */}
         {openLink && <a href={openLink} target="_blank" rel="noreferrer"><OpenLinkSvg /></a>}
       </div>
 
@@ -49,7 +51,8 @@ function TableContent({
               size="small"
               onClick={() => setMethodDetails(!methodDetails)}
             >
-              {rightSide}{' '}
+              {rightSide}
+              {' '}
               {isFunctionCallOpen && methodDetails ? (
                 <ArrowUpSvg />
               ) : (
diff --git a/src/components/common/button.tsx b/src/components/common/button.tsx
index f8fd5f3e..491237c8 100644
--- a/src/components/common/button.tsx
+++ b/src/components/common/button.tsx
@@ -1,107 +1,107 @@
-import styled from "styled-components";
+import styled from 'styled-components';
 
-/******************************************/
+/** *************************************** */
 // THERE IS ANOTHER <Button /> COMPONENT  //
 // THAT PROBABLY SHOULD BE USED INSTEAD ! //
-//****************************************/
-// 
+//* ***************************************/
+//
 interface myButton {
   $buttonType?: string;
-  size?: "s" | "m" | "l";
+  size?: 's' | 'm' | 'l';
 }
 
 const handleButtonSize = (size: string) => {
   switch (size) {
-    case "s":
-      return "32px";
-    case "m":
-      return "48px";
-    case "l":
-      return "56px";
+    case 's':
+      return '32px';
+    case 'm':
+      return '48px';
+    case 'l':
+      return '56px';
     default:
-      return "56px";
+      return '56px';
   }
 };
 
 const handleBgColor = (color: string) => {
   switch (color) {
-    case "primary":
-      return "#0072CE";
-    case "secondary":
-      return "#ffffff";
-    case "third":
-      return "#161615";
-    case "fourth":
-      return "#FDFDFC";;
+    case 'primary':
+      return '#0072CE';
+    case 'secondary':
+      return '#ffffff';
+    case 'third':
+      return '#161615';
+    case 'fourth':
+      return '#FDFDFC';
     default:
-      return "#ffffff";
+      return '#ffffff';
   }
 };
 
 const handleBorder = (color: string) => {
   switch (color) {
-    case "primary":
-      return "#0072CE";
-    case "secondary":
-      return "#cccccc";
-    case "third":
-      return "#161615";
+    case 'primary':
+      return '#0072CE';
+    case 'secondary':
+      return '#cccccc';
+    case 'third':
+      return '#161615';
     default:
-      return "#ffffff";
+      return '#ffffff';
   }
 };
 
 const handleColor = (color: string) => {
   switch (color) {
-    case "primary":
-      return "#ffffff";
-    case "secondary":
-      return "#888888";
-    case "third":
-      return "#ffffff";
-    case "fourth":
-      return "black";
+    case 'primary':
+      return '#ffffff';
+    case 'secondary':
+      return '#888888';
+    case 'third':
+      return '#ffffff';
+    case 'fourth':
+      return 'black';
     default:
-      return "#ffffff";
+      return '#ffffff';
   }
 };
 
 const hoverBgColor = (color: string) => {
   switch (color) {
-    case "primary":
-      return "#007fe6";
-    case "secondary":
-      return "#cccccc";
-    case "third":
-      return "#252523";
-    case "fourth":
-      return "#f3f3f3";
+    case 'primary':
+      return '#007fe6';
+    case 'secondary':
+      return '#cccccc';
+    case 'third':
+      return '#252523';
+    case 'fourth':
+      return '#f3f3f3';
     default:
-      return "#ffffff";
+      return '#ffffff';
   }
 };
 
 const hoverColor = (color: string) => {
   switch (color) {
-    case "primary":
-      return "#007fe6";
-    case "secondary":
-      return "#cccccc";
-    case "third":
-      return "#e5e5e5";
-    case "fourth":
-      return "black";
+    case 'primary':
+      return '#007fe6';
+    case 'secondary':
+      return '#cccccc';
+    case 'third':
+      return '#e5e5e5';
+    case 'fourth':
+      return 'black';
     default:
-      return "#ffffff";
+      return '#ffffff';
   }
 };
 
 const StyledButton = styled.button.attrs<myButton>(
   ({
-    type = "button",
-    $buttonType = "primary",
+    type = 'button',
+    $buttonType = 'primary',
     disabled = false,
-    size = "l",
+    size = 'l',
   }) => {
     return {
       type,
diff --git a/src/lib/Button/Button.tsx b/src/lib/Button/Button.tsx
index 37905367..562e5588 100644
--- a/src/lib/Button/Button.tsx
+++ b/src/lib/Button/Button.tsx
@@ -3,7 +3,6 @@ import type { ButtonHTMLAttributes } from 'react';
 import React, { forwardRef } from 'react';
 import styled from 'styled-components';
 
-
 type Fill = 'solid' | 'outline' | 'ghost';
 type Size = 'small' | 'default' | 'large';
 type Variant = 'primary' | 'secondary' | 'affirmative' | 'destructive';
@@ -315,7 +314,7 @@ const Spinner = styled.i<StyledProps>`
 
 export const Button = forwardRef<HTMLButtonElement, Props>(
   (
-    { 
+    {
       children,
       disabled,
       fill = 'solid',
@@ -369,10 +368,10 @@ export const Button = forwardRef<HTMLButtonElement, Props>(
                 {children}
                 {iconRight && <i className={iconRight} />}
               </>
-              
+
             )}
           </Inner>
-         
+
         </>
       </StyledButton>
     );
diff --git a/src/lib/Tooltip/Tooltip.tsx b/src/lib/Tooltip/Tooltip.tsx
index 0b51c494..51055405 100644
--- a/src/lib/Tooltip/Tooltip.tsx
+++ b/src/lib/Tooltip/Tooltip.tsx
@@ -1,6 +1,6 @@
 /* eslint-disable import/prefer-default-export */
-import React from "react";
-import styled from "styled-components";
+import React from 'react';
+import styled from 'styled-components';
 
 const Wrapper = styled.div`
   position: relative;
@@ -42,11 +42,11 @@ const Wrapper = styled.div`
   }
 `;
 
-export function Tooltip({children, infoText}:{ children: React.ReactNode,  infoText: string}) {
+export function Tooltip({ children, infoText }:{ children: React.ReactNode, infoText: string}) {
   return (
     <Wrapper>
-     {children}
-     <span className="info-text">{infoText}</span>
+      {children}
+      <span className="info-text">{infoText}</span>
     </Wrapper>
   );
 }
diff --git a/webpack.config.js b/webpack.config.js
index fdd188bf..f0c5b958 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -18,7 +18,7 @@ module.exports = {
       process: 'process/browser',
       Buffer:  ['buffer', 'Buffer']
     }),
-    new webpack.EnvironmentPlugin({ 
+    new webpack.EnvironmentPlugin({
       DEBUG:                                true,
       REACT_APP_BASE_PATH:                  '',
       NETWORK_ID:                           'mainnet',
@@ -47,7 +47,7 @@ module.exports = {
     port: 3000,
   },
   devtool: 'eval-source-map',
-  module: {
+  module:  {
     // exclude node_modules
     rules: [
       {