fix: tranches styles look terrible

apps/explorer/src/app/routes/validators/index.tsx

@@ -18,7 +18,7 @@ const NODES_QUERY = gql`
       avatarUrl
       pubkey
       tmPubkey
-      ethereumAddress
+      ethereumAdddress
       location
       stakedByOperator
       stakedByDelegates

apps/token/src/routes/redemption/home/redemption-information.tsx

@@ -74,10 +74,10 @@ export const RedemptionInformation = () => {
 
   return (
     <section data-testid="redemption-page">
-      <div className="mb-12">
+      <div className="mb-2">
         <AddLockedTokenAddress />
       </div>
-      <p className="mb-24" data-testid="redemption-description">
+      <p className="mb-6" data-testid="redemption-description">
         {t(
           '{{address}} has {{balance}} VEGA tokens in {{tranches}} tranches of the vesting contract.',
           {
@@ -87,7 +87,7 @@ export const RedemptionInformation = () => {
           }
         )}
       </p>
-      <div className="mb-24">
+      <div className="mb-6">
         <VestingTable
           associated={lien}
           locked={totalLockedBalance}

apps/token/src/routes/redemption/home/vesting-table.tsx

@@ -12,7 +12,7 @@ export interface VestingTableProps {
 }
 
 const VestingTableIndicatorSquare = ({ colour }: { colour: string }) => (
-  <span className={`bg-${colour} inline-block h-12 w-12 mr-4`} />
+  <span className={`bg-${colour} inline-block h-4 w-4 mr-4`} />
 );
 
 export const VestingTable = ({
@@ -65,17 +65,17 @@ export const VestingTable = ({
       </KeyValueTable>
       <div className="flex border-white border">
         <div
-          className="bg-vega-pink h-16"
+          className="bg-vega-pink h-4"
           style={{ flex: lockedPercentage.toNumber() }}
         />
         <div
-          className="bg-vega-green h-16"
+          className="bg-vega-green h-4"
           style={{ flex: vestedPercentage.toNumber() }}
         />
       </div>
-      <div className="flex h-4 mt-4">
+      <div className="flex h-1 mt-1">
         <div
-          className="bg-vega-yellow h-4"
+          className="bg-vega-yellow h-1"
           style={{ flex: stakedPercentage.toNumber() }}
         />
         <div

apps/token/src/routes/redemption/tranche-item.tsx

@@ -33,10 +33,10 @@ export const TrancheItem = ({
 }: TrancheItemProps) => {
   const { t } = useTranslation();
   const labelClasses =
-    'inline-block uppercase bg-white text-black py-4 px-8 font-mono';
+    'inline-block uppercase bg-white text-black py-1 px-2 font-mono';
 
   return (
-    <section data-testid="tranche-item" className="mb-40">
+    <section data-testid="tranche-item" className="mb-10">
       <div className="flex border-b">
         {link ? (
           <Link to={link}>