fix: unknown token logo styling (#7132)

* fix: unknown token logo styling

* fix: tests

src/components/Logo/AssetLogo.tsx

@@ -15,6 +15,9 @@ export const MissingImageLogo = styled.div<{ size?: string }>`
   line-height: ${({ size }) => size ?? '24px'};
   text-align: center;
   width: ${({ size }) => size ?? '24px'};
+  display: flex;
+  align-items: center;
+  justify-content: center;
 `
 
 const LogoImage = styled.img<{ size: string; imgLoaded?: boolean }>`
@@ -83,7 +86,7 @@ export default function AssetLogo({
   })
 
   return (
-    <LogoContainer style={style}>
+    <LogoContainer style={{ height: size, width: size, ...style }}>
       {src ? (
         <LogoImageWrapper size={size} imgLoaded={imgLoaded}>
           <LogoImage

src/components/Tokens/TokenTable/__snapshots__/TokenRow.test.tsx.snap

@@ -362,6 +362,7 @@ exports[`LoadedRow.tsx renders a row 1`] = `
           >
             <div
               class="c7"
+              style="height: 24px; width: 24px;"
             >
               <div
                 class="c8"

src/components/swap/__snapshots__/SwapModalHeader.test.tsx.snap

@@ -165,6 +165,7 @@ exports[`SwapModalHeader.tsx matches base snapshot, test trade exact input 1`] =
         </div>
         <div
           class="c10"
+          style="height: 36px; width: 36px;"
         >
           <div
             class="c11"
@@ -212,6 +213,7 @@ exports[`SwapModalHeader.tsx matches base snapshot, test trade exact input 1`] =
         </div>
         <div
           class="c10"
+          style="height: 36px; width: 36px;"
         >
           <div
             class="c11"
@@ -397,6 +399,7 @@ exports[`SwapModalHeader.tsx renders ETH input token for an ETH input UniswapX s
         </div>
         <div
           class="c10"
+          style="height: 36px; width: 36px;"
         >
           <div
             class="c11"
@@ -444,6 +447,7 @@ exports[`SwapModalHeader.tsx renders ETH input token for an ETH input UniswapX s
         </div>
         <div
           class="c10"
+          style="height: 36px; width: 36px;"
         >
           <div
             class="c11"
@@ -629,6 +633,7 @@ exports[`SwapModalHeader.tsx test trade exact output, no recipient 1`] = `
         </div>
         <div
           class="c10"
+          style="height: 36px; width: 36px;"
         >
           <div
             class="c11"
@@ -676,6 +681,7 @@ exports[`SwapModalHeader.tsx test trade exact output, no recipient 1`] = `
         </div>
         <div
           class="c10"
+          style="height: 36px; width: 36px;"
         >
           <div
             class="c11"

src/pages/Landing/__snapshots__/index.test.tsx.snap

@@ -1833,7 +1833,7 @@ exports[`disable nft on landing page does not render nft information and card 1`
                             >
                               <div
                                 class="c29"
-                                style="margin-right: 2px;"
+                                style="height: 24px; width: 24px; margin-right: 2px;"
                               >
                                 <div
                                   class="c30"
@@ -4407,7 +4407,7 @@ exports[`disable nft on landing page renders nft information and card 1`] = `
                             >
                               <div
                                 class="c29"
-                                style="margin-right: 2px;"
+                                style="height: 24px; width: 24px; margin-right: 2px;"
                               >
                                 <div
                                   class="c30"