diff --git a/apps/website/screens/components/footer/overview/images/footer_anatomy.png b/apps/website/screens/components/footer/overview/images/footer_anatomy.png
index d32e017255..e3ba6c46a8 100644
Binary files a/apps/website/screens/components/footer/overview/images/footer_anatomy.png and b/apps/website/screens/components/footer/overview/images/footer_anatomy.png differ
diff --git a/apps/website/screens/components/footer/overview/images/footer_variants.png b/apps/website/screens/components/footer/overview/images/footer_variants.png
index 59e8294f72..40d57d089c 100644
Binary files a/apps/website/screens/components/footer/overview/images/footer_variants.png and b/apps/website/screens/components/footer/overview/images/footer_variants.png differ
diff --git a/packages/lib/src/footer/Footer.tsx b/packages/lib/src/footer/Footer.tsx
index 2d56ad6811..79f487449f 100644
--- a/packages/lib/src/footer/Footer.tsx
+++ b/packages/lib/src/footer/Footer.tsx
@@ -54,7 +54,7 @@ const LeftContainer = styled.div<{ width: number }>`
 `;
 
 const LogoContainer = styled.span<{ mode?: FooterPropsType["mode"] }>`
-  max-height: ${(props) => (props?.mode === "default" ? "var(--height-m)" : "var(--height-xxs)")};
+  max-height: ${(props) => (props?.mode === "default" ? "var(--height-xl)" : "var(--height-xxs)")};
   width: fit-content;
   text-align: center;
 
@@ -67,7 +67,7 @@ const LogoContainer = styled.span<{ mode?: FooterPropsType["mode"] }>`
     `}
 
   svg {
-    height: ${(props) => (props.mode === "default" ? "var(--height-m)" : "var(--height-xxs)")};
+    height: ${(props) => (props.mode === "default" ? "var(--height-xl)" : "var(--height-xxs)")};
     width: auto;
   }
 `;
diff --git a/packages/lib/src/footer/Icons.tsx b/packages/lib/src/footer/Icons.tsx
index 718c39d8b1..5a6c6b1977 100644
--- a/packages/lib/src/footer/Icons.tsx
+++ b/packages/lib/src/footer/Icons.tsx
@@ -1,125 +1,87 @@
 export const dxcLogo = (
-  <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="32" viewBox="0 0 280.781 32">
+  <svg xmlns="http://www.w3.org/2000/svg" width="1199" height="240" viewBox="0 0 1199 240" fill="none">
     <title>DXC Logo</title>
-    <g>
-      <path
-        d="M171.5-54.124v12.539h-3.6V-54.124h-4.973v-3.191h13.54v3.191H171.5"
-        transform="translate(-68.528 65.45)"
-        fill="#6f4b97"
-      />
-      <path
-        d="M189.96-41.585V-57.315h12.326v3.079h-8.753v3.191h7.7v3.078h-7.7v3.3h8.87v3.078H189.96"
-        transform="translate(-77.56 65.45)"
-        fill="#6f4b97"
-      />
-      <path
-        d="M223.558-41.438a8.1,8.1,0,0,1-8.382-8.1v-.045a8.161,8.161,0,0,1,8.522-8.146,8.6,8.6,0,0,1,6.444,2.431l-2.289,2.543a6.133,6.133,0,0,0-4.178-1.778,4.743,4.743,0,0,0-4.738,4.905v.045a4.752,4.752,0,0,0,4.738,4.95,6,6,0,0,0,4.295-1.845l2.288,2.228a8.491,8.491,0,0,1-6.7,2.813"
-        transform="translate(-86.019 65.583)"
-        fill="#6f4b97"
-      />
-      <path
-        d="M254.988-41.585V-47.9h-6.63v6.315h-3.6V-57.315h3.6v6.225h6.63v-6.225h3.594v15.731h-3.594"
-        transform="translate(-95.903 65.45)"
-        fill="#6f4b97"
-      />
-      <path
-        d="M285.991-41.585l-7.914-10v10h-3.549V-57.315h3.316l7.657,9.685v-9.685h3.549v15.731h-3.058"
-        transform="translate(-105.869 65.45)"
-        fill="#6f4b97"
-      />
-      <path
-        d="M317.2-49.583a4.869,4.869,0,0,0-4.949-4.95,4.793,4.793,0,0,0-4.9,4.905v.045a4.869,4.869,0,0,0,4.949,4.95,4.793,4.793,0,0,0,4.9-4.905Zm-4.949,8.145c-5.043,0-8.661-3.623-8.661-8.1v-.045c0-4.478,3.666-8.146,8.708-8.146s8.66,3.623,8.66,8.1v.045c0,4.477-3.664,8.145-8.708,8.145"
-        transform="translate(-115.631 65.583)"
-        fill="#6f4b97"
-      />
-      <path
-        d="M336.786-41.585V-57.315h3.6v12.584h8.148v3.146H336.786"
-        transform="translate(-126.654 65.45)"
-        fill="#6f4b97"
-      />
-      <path
-        d="M372.78-49.583a4.87,4.87,0,0,0-4.949-4.95,4.794,4.794,0,0,0-4.9,4.905v.045a4.869,4.869,0,0,0,4.949,4.95,4.794,4.794,0,0,0,4.9-4.905Zm-4.949,8.145c-5.043,0-8.662-3.623-8.662-8.1v-.045c0-4.478,3.666-8.146,8.708-8.146s8.661,3.623,8.661,8.1v.045c0,4.477-3.666,8.145-8.708,8.145"
-        transform="translate(-135.016 65.583)"
-        fill="#6f4b97"
-      />
-      <path
-        d="M399.735-41.438c-5.09,0-8.592-3.443-8.592-8.1v-.045a8.243,8.243,0,0,1,8.568-8.146,9.18,9.18,0,0,1,6.42,2.16l-2.265,2.634a6.141,6.141,0,0,0-4.272-1.6,4.807,4.807,0,0,0-4.692,4.905v.045a4.8,4.8,0,0,0,4.949,4.995,5.89,5.89,0,0,0,3.384-.945v-2.25h-3.618v-2.992h7.1v6.841a10.837,10.837,0,0,1-6.98,2.5"
-        transform="translate(-145.284 65.583)"
-        fill="#6f4b97"
-      />
-      <path
-        d="M428.664-47.855v6.27h-3.6v-6.2l-6.28-9.528h4.2L426.89-51l3.968-6.315h4.085l-6.28,9.46"
-        transform="translate(-154.162 65.45)"
-        fill="#6f4b97"
-      />
-      <path
-        d="M84.218-55.737a10.063,10.063,0,0,1,2.589-4.4,9.792,9.792,0,0,1,6.985-2.77h11.328V-69.3H93.792a17.041,17.041,0,0,0-11.8,4.759,16.344,16.344,0,0,0-3.547,5.115,13.247,13.247,0,0,0-1.122,3.688Zm0,4.877a10.065,10.065,0,0,0,2.589,4.4,9.793,9.793,0,0,0,6.985,2.77h11.328V-37.3H93.792a17.042,17.042,0,0,1-11.8-4.759,16.339,16.339,0,0,1-3.547-5.114,13.251,13.251,0,0,1-1.122-3.688ZM63.1-47.98,54.45-37.3H45.873l12.957-16-12.957-16H54.45L63.1-58.619l8.65-10.68h8.578l-12.957,16,12.957,16H71.749ZM48.875-55.737a13.212,13.212,0,0,0-1.122-3.688,16.359,16.359,0,0,0-3.546-5.115,17.043,17.043,0,0,0-11.8-4.759H21.08v6.393H32.408a9.79,9.79,0,0,1,6.985,2.77,10.072,10.072,0,0,1,2.59,4.4Zm0,4.877a13.215,13.215,0,0,1-1.122,3.688,16.353,16.353,0,0,1-3.546,5.114,17.044,17.044,0,0,1-11.8,4.759H21.08v-6.393H32.408a9.791,9.791,0,0,0,6.985-2.77,10.074,10.074,0,0,0,2.59-4.4h6.892"
-        transform="translate(-21.08 69.298)"
-        fill="#6f4b97"
-      />
-    </g>
+    <path d="M858.235 134.702V110.634H863.561V134.702H858.235Z" fill="#0E1020" />
+    <path
+      d="M869.577 134.702V110.634H877.156L884.086 124.153L886.271 128.932H886.305L888.49 124.153L895.42 110.634H902.999V134.702H897.912V116.369L895.693 120.841L888.558 134.702H884.018L880.945 128.727L876.849 120.841L874.664 116.369V134.702H869.577Z"
+      fill="#0E1020"
+    />
+    <path
+      d="M909.023 134.702V110.634H925.307C930.906 110.634 934.149 113.331 934.149 118.486C934.149 123.675 930.871 126.338 925.307 126.338H914.348V134.702H909.023ZM924.351 122.173C927.15 122.173 928.584 120.91 928.584 118.486C928.584 116.062 927.15 114.799 924.351 114.799H914.348V122.173H924.351Z"
+      fill="#0E1020"
+    />
+    <path
+      d="M954.029 135.248C943.412 135.248 937.779 130.707 937.779 122.651C937.779 114.594 943.412 110.088 954.029 110.088C964.612 110.088 970.245 114.662 970.245 122.651C970.245 130.707 964.612 135.248 954.029 135.248ZM954.029 130.776C961.164 130.776 964.646 127.942 964.646 122.651C964.646 117.359 961.13 114.56 954.029 114.56C946.86 114.56 943.378 117.393 943.378 122.685C943.378 127.976 946.86 130.776 954.029 130.776Z"
+      fill="#0E1020"
+    />
+    <path
+      d="M987.908 135.248C978.623 135.248 974.458 132.483 974.321 126.884H979.954C980.125 129.922 982.548 131.39 987.976 131.39C993.268 131.39 995.487 130.332 995.487 127.84C995.487 125.928 994.463 125.075 991.595 124.802L982.787 124.153C977.189 123.641 974.936 121.558 974.936 117.53C974.936 112.648 978.93 110.088 987.772 110.088C996.75 110.088 1000.71 112.682 1001.02 118.247H995.384C995.111 115.14 992.892 113.945 987.772 113.945C982.514 113.945 980.5 114.97 980.5 117.189C980.5 118.998 981.661 119.715 984.426 119.988L993.2 120.637C998.867 121.183 1001.05 123.231 1001.05 127.498C1001.05 132.687 996.852 135.248 987.908 135.248Z"
+      fill="#0E1020"
+    />
+    <path
+      d="M1019.05 135.248C1009.77 135.248 1005.6 132.483 1005.47 126.884H1011.1C1011.27 129.922 1013.69 131.39 1019.12 131.39C1024.41 131.39 1026.63 130.332 1026.63 127.84C1026.63 125.928 1025.61 125.075 1022.74 124.802L1013.93 124.153C1008.33 123.641 1006.08 121.558 1006.08 117.53C1006.08 112.648 1010.07 110.088 1018.92 110.088C1027.89 110.088 1031.85 112.682 1032.16 118.247H1026.53C1026.26 115.14 1024.04 113.945 1018.92 113.945C1013.66 113.945 1011.64 114.97 1011.64 117.189C1011.64 118.998 1012.81 119.715 1015.57 119.988L1024.34 120.637C1030.01 121.183 1032.2 123.231 1032.2 127.498C1032.2 132.687 1028 135.248 1019.05 135.248Z"
+      fill="#0E1020"
+    />
+    <path d="M1037.44 134.702V110.634H1042.76V134.702H1037.44Z" fill="#0E1020" />
+    <path
+      d="M1048.78 134.702V110.634H1066.22C1071.07 110.634 1073.8 112.921 1073.8 116.916C1073.8 119.442 1072.5 121.251 1070.18 121.968C1072.95 122.719 1074.38 124.802 1074.38 127.908C1074.38 132.278 1071.62 134.702 1066.56 134.702H1048.78ZM1065.1 130.946C1067.55 130.946 1068.82 129.717 1068.82 127.533C1068.82 125.245 1067.52 124.085 1065.1 124.085H1054.1V130.946H1065.1ZM1064.58 120.602C1066.94 120.602 1068.24 119.476 1068.24 117.496C1068.24 115.482 1066.94 114.389 1064.58 114.389H1054.1V120.602H1064.58Z"
+      fill="#0E1020"
+    />
+    <path d="M1079.49 134.702V110.634H1084.81V130.127H1099.63V134.702H1079.49Z" fill="#0E1020" />
+    <path
+      d="M1103.87 134.702V110.634H1126.09V114.697H1109.19V120.364H1125.54V124.358H1109.19V130.639H1126.09V134.702H1103.87Z"
+      fill="#0E1020"
+    />
+    <path
+      d="M1134.38 135.145C1132.09 135.145 1130.69 133.951 1130.69 132.073C1130.69 130.195 1132.13 129.035 1134.38 129.035C1136.67 129.035 1138 130.23 1138 132.073C1138 133.985 1136.67 135.145 1134.38 135.145Z"
+      fill="#0E1020"
+    />
+    <path
+      d="M858.235 180.916V156.849H873.802C882.132 156.849 886.57 161.287 886.57 168.865C886.57 176.512 882.132 180.916 873.802 180.916H858.235ZM872.983 176.547C878.104 176.547 881.006 174.123 881.006 168.865C881.006 163.608 878.07 161.218 872.983 161.218H863.561V176.547H872.983Z"
+      fill="#0E1020"
+    />
+    <path
+      d="M891.647 180.916V156.849H913.871V160.911H896.973V166.578H913.325V170.572H896.973V176.854H913.871V180.916H891.647Z"
+      fill="#0E1020"
+    />
+    <path d="M919.058 180.916V156.849H924.383V176.342H939.199V180.916H919.058Z" fill="#0E1020" />
+    <path d="M943.435 180.916V156.849H948.76V180.916H943.435Z" fill="#0E1020" />
+    <path
+      d="M964.847 180.916L952.728 156.849H959.146L965.189 169.651C966.179 171.665 967.271 173.884 968.159 175.796C969.046 173.85 970.139 171.631 971.094 169.685L977.171 156.849H983.589L971.47 180.916H964.847Z"
+      fill="#0E1020"
+    />
+    <path
+      d="M987.521 180.916V156.849H1009.75V160.911H992.847V166.578H1009.2V170.572H992.847V176.854H1009.75V180.916H987.521Z"
+      fill="#0E1020"
+    />
+    <path
+      d="M1014.93 180.916V156.849H1031.66C1037.09 156.849 1040.06 159.136 1040.06 163.779C1040.06 166.817 1038.52 168.9 1036 169.685C1038.15 170.197 1039.27 171.631 1039.61 174.532L1040.16 178.527L1040.57 180.916H1035.11L1034.73 178.561L1034.29 175.249C1033.98 172.928 1032.89 172.04 1030.4 172.04H1020.26V180.916H1014.93ZM1030.4 167.978C1033.09 167.978 1034.49 166.749 1034.49 164.427C1034.49 162.072 1033.09 160.911 1030.29 160.911H1020.26V167.978H1030.4Z"
+      fill="#0E1020"
+    />
+    <path
+      d="M1045.71 180.916V156.849H1067.93V160.911H1051.04V166.578H1067.39V170.572H1051.04V176.854H1067.93V180.916H1045.71Z"
+      fill="#0E1020"
+    />
+    <path
+      d="M1073.12 180.916V156.849H1088.69C1097.02 156.849 1101.46 161.287 1101.46 168.865C1101.46 176.512 1097.02 180.916 1088.69 180.916H1073.12ZM1087.87 176.547C1092.99 176.547 1095.89 174.123 1095.89 168.865C1095.89 163.608 1092.95 161.218 1087.87 161.218H1078.45V176.547H1087.87Z"
+      fill="#0E1020"
+    />
+    <path
+      d="M1108.77 181.36C1106.48 181.36 1105.08 180.165 1105.08 178.288C1105.08 176.41 1106.52 175.249 1108.77 175.249C1111.06 175.249 1112.39 176.444 1112.39 178.288C1112.39 180.199 1111.06 181.36 1108.77 181.36Z"
+      fill="#0E1020"
+    />
+    <path
+      d="M797.937 85.2783H638.896C619.43 85.2783 603.591 101.075 603.591 120.483C603.591 139.892 619.43 155.688 638.896 155.688H797.937V179.967H638.896C606.033 179.967 579.312 153.288 579.312 120.483C579.312 87.6783 606.048 61 638.896 61H797.937V85.2783ZM220.04 60.999C252.888 60.999 279.624 87.6775 279.624 120.482C279.624 153.288 252.888 179.966 220.04 179.966H60.999V155.688H220.04C239.506 155.688 255.345 139.891 255.345 120.482C255.344 101.074 239.506 85.2783 220.04 85.2783H60.999V60.999H220.04ZM556.062 85.2783C530.07 85.2783 511.818 96.7754 492.495 108.943C486.225 112.899 479.87 116.884 473.243 120.44C479.87 123.997 486.226 127.981 492.495 131.937C511.818 144.105 530.07 155.602 556.062 155.602V179.881C523.058 179.881 499.95 165.328 479.556 152.488C462.603 141.82 447.964 132.594 430.026 132.594C412.089 132.594 397.449 141.806 380.497 152.488C360.103 165.328 336.995 179.881 303.99 179.881V155.602C329.983 155.602 348.235 144.105 367.559 131.937C373.828 127.981 380.183 123.996 386.81 120.44C380.183 116.884 373.828 112.899 367.559 108.943C348.235 96.7753 329.983 85.2783 303.99 85.2783V61C336.995 61 360.103 75.5527 380.497 88.4062C397.449 99.0747 412.089 108.301 430.026 108.301V108.286C447.964 108.286 462.603 99.0743 479.556 88.3916C499.95 75.5524 523.058 61 556.062 61V85.2783Z"
+      fill="#0E1020"
+    />
   </svg>
 );
 
 export const dxcSmallLogo = (
-  <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="16" viewBox="0 0 280.781 32">
-    <title>DXC Logo</title>
-    <g>
-      <path
-        d="M171.5-54.124v12.539h-3.6V-54.124h-4.973v-3.191h13.54v3.191H171.5"
-        transform="translate(-68.528 65.45)"
-        fill="#fff"
-      />
-      <path
-        d="M189.96-41.585V-57.315h12.326v3.079h-8.753v3.191h7.7v3.078h-7.7v3.3h8.87v3.078H189.96"
-        transform="translate(-77.56 65.45)"
-        fill="#fff"
-      />
-      <path
-        d="M223.558-41.438a8.1,8.1,0,0,1-8.382-8.1v-.045a8.161,8.161,0,0,1,8.522-8.146,8.6,8.6,0,0,1,6.444,2.431l-2.289,2.543a6.133,6.133,0,0,0-4.178-1.778,4.743,4.743,0,0,0-4.738,4.905v.045a4.752,4.752,0,0,0,4.738,4.95,6,6,0,0,0,4.295-1.845l2.288,2.228a8.491,8.491,0,0,1-6.7,2.813"
-        transform="translate(-86.019 65.583)"
-        fill="#fff"
-      />
-      <path
-        d="M254.988-41.585V-47.9h-6.63v6.315h-3.6V-57.315h3.6v6.225h6.63v-6.225h3.594v15.731h-3.594"
-        transform="translate(-95.903 65.45)"
-        fill="#fff"
-      />
-      <path
-        d="M285.991-41.585l-7.914-10v10h-3.549V-57.315h3.316l7.657,9.685v-9.685h3.549v15.731h-3.058"
-        transform="translate(-105.869 65.45)"
-        fill="#fff"
-      />
-      <path
-        d="M317.2-49.583a4.869,4.869,0,0,0-4.949-4.95,4.793,4.793,0,0,0-4.9,4.905v.045a4.869,4.869,0,0,0,4.949,4.95,4.793,4.793,0,0,0,4.9-4.905Zm-4.949,8.145c-5.043,0-8.661-3.623-8.661-8.1v-.045c0-4.478,3.666-8.146,8.708-8.146s8.66,3.623,8.66,8.1v.045c0,4.477-3.664,8.145-8.708,8.145"
-        transform="translate(-115.631 65.583)"
-        fill="#fff"
-      />
-      <path
-        d="M336.786-41.585V-57.315h3.6v12.584h8.148v3.146H336.786"
-        transform="translate(-126.654 65.45)"
-        fill="#fff"
-      />
-      <path
-        d="M372.78-49.583a4.87,4.87,0,0,0-4.949-4.95,4.794,4.794,0,0,0-4.9,4.905v.045a4.869,4.869,0,0,0,4.949,4.95,4.794,4.794,0,0,0,4.9-4.905Zm-4.949,8.145c-5.043,0-8.662-3.623-8.662-8.1v-.045c0-4.478,3.666-8.146,8.708-8.146s8.661,3.623,8.661,8.1v.045c0,4.477-3.666,8.145-8.708,8.145"
-        transform="translate(-135.016 65.583)"
-        fill="#fff"
-      />
-      <path
-        d="M399.735-41.438c-5.09,0-8.592-3.443-8.592-8.1v-.045a8.243,8.243,0,0,1,8.568-8.146,9.18,9.18,0,0,1,6.42,2.16l-2.265,2.634a6.141,6.141,0,0,0-4.272-1.6,4.807,4.807,0,0,0-4.692,4.905v.045a4.8,4.8,0,0,0,4.949,4.995,5.89,5.89,0,0,0,3.384-.945v-2.25h-3.618v-2.992h7.1v6.841a10.837,10.837,0,0,1-6.98,2.5"
-        transform="translate(-145.284 65.583)"
-        fill="#fff"
-      />
-      <path
-        d="M428.664-47.855v6.27h-3.6v-6.2l-6.28-9.528h4.2L426.89-51l3.968-6.315h4.085l-6.28,9.46"
-        transform="translate(-154.162 65.45)"
-        fill="#fff"
-      />
-      <path
-        d="M84.218-55.737a10.063,10.063,0,0,1,2.589-4.4,9.792,9.792,0,0,1,6.985-2.77h11.328V-69.3H93.792a17.041,17.041,0,0,0-11.8,4.759,16.344,16.344,0,0,0-3.547,5.115,13.247,13.247,0,0,0-1.122,3.688Zm0,4.877a10.065,10.065,0,0,0,2.589,4.4,9.793,9.793,0,0,0,6.985,2.77h11.328V-37.3H93.792a17.042,17.042,0,0,1-11.8-4.759,16.339,16.339,0,0,1-3.547-5.114,13.251,13.251,0,0,1-1.122-3.688ZM63.1-47.98,54.45-37.3H45.873l12.957-16-12.957-16H54.45L63.1-58.619l8.65-10.68h8.578l-12.957,16,12.957,16H71.749ZM48.875-55.737a13.212,13.212,0,0,0-1.122-3.688,16.359,16.359,0,0,0-3.546-5.115,17.043,17.043,0,0,0-11.8-4.759H21.08v6.393H32.408a9.79,9.79,0,0,1,6.985,2.77,10.072,10.072,0,0,1,2.59,4.4Zm0,4.877a13.215,13.215,0,0,1-1.122,3.688,16.353,16.353,0,0,1-3.546,5.114,17.044,17.044,0,0,1-11.8,4.759H21.08v-6.393H32.408a9.791,9.791,0,0,0,6.985-2.77,10.074,10.074,0,0,0,2.59-4.4h6.892"
-        transform="translate(-21.08 69.298)"
-        fill="#fff"
-      />
-    </g>
+  <svg xmlns="http://www.w3.org/2000/svg" width="57" height="16" viewBox="0 0 57 16" fill="none">
+    <path
+      d="M14.585 4.05054C16.7623 4.05054 18.5344 5.82924 18.5345 8.01646C18.5345 10.2037 16.7623 11.9823 14.585 11.9823H4.04297V10.3637H14.585C15.8752 10.3637 16.9251 9.31046 16.9251 8.01646C16.9251 6.72239 15.8752 5.6693 14.585 5.6693H4.04297V4.05054H14.585ZM52.8906 5.66923H42.3486C41.0584 5.66923 40.0085 6.72239 40.0085 8.01646C40.0085 9.31046 41.0584 10.3636 42.3486 10.3636H52.8906V11.9823H42.3486C40.1704 11.9823 38.3992 10.2036 38.3991 8.01646C38.3991 5.82924 40.1714 4.05048 42.3486 4.05048H52.8906V5.66923ZM36.858 5.66923C35.1351 5.66924 33.9253 6.43576 32.6444 7.24706C32.2289 7.51079 31.8077 7.77646 31.3684 8.01359C31.8076 8.25066 32.2289 8.51626 32.6444 8.78006C33.9253 9.59132 35.1351 10.3579 36.858 10.3579V11.9766C34.6703 11.9766 33.1386 11.0063 31.7868 10.1503C30.6631 9.43899 29.6928 8.82386 28.5038 8.82386C27.3147 8.82386 26.3444 9.43806 25.2207 10.1503C23.8689 11.0063 22.3372 11.9766 20.1495 11.9766V10.3579C21.8724 10.3579 23.0822 9.59132 24.3631 8.78006C24.7786 8.51626 25.2 8.25066 25.6392 8.01359C25.2 7.77646 24.7786 7.51079 24.3631 7.24706C23.0822 6.43576 21.8724 5.66923 20.1495 5.66923V4.05048C22.3372 4.05048 23.8689 5.02078 25.2207 5.87776C26.3444 6.58904 27.3147 7.20419 28.5038 7.20419V7.20319C29.6928 7.20319 30.6631 6.58908 31.7868 5.87684C33.1386 5.02082 34.6703 4.05049 36.858 4.05048V5.66923Z"
+      fill="#F6F3F0"
+    />
   </svg>
 );
diff --git a/packages/lib/src/header/Header.stories.tsx b/packages/lib/src/header/Header.stories.tsx
index 5b11bd2d7d..face78c7a7 100644
--- a/packages/lib/src/header/Header.stories.tsx
+++ b/packages/lib/src/header/Header.stories.tsx
@@ -41,22 +41,29 @@ export default {
 } satisfies Meta<typeof DxcHeader>;
 
 const dxcLogo = (
-  <svg xmlns="http://www.w3.org/2000/svg" width="73" height="40" viewBox="0 0 73 40">
+  <svg xmlns="http://www.w3.org/2000/svg" width="860" height="240" viewBox="0 0 860 240" fill="none">
     <title>DXC Logo</title>
-    <g transform="translate(0)">
-      <g>
-        <path
-          d="M91.613-28.177v2.514H90.231V-28.15l-2.415-3.82h1.616l1.5,2.532,1.526-2.532h1.571ZM83.9-25.555A3.15,3.15,0,0,1,80.6-28.8v-.018a3.231,3.231,0,0,1,3.294-3.262,3.442,3.442,0,0,1,2.469.865l-.87,1.054a2.311,2.311,0,0,0-1.643-.64,1.891,1.891,0,0,0-1.8,1.964v.018a1.886,1.886,0,0,0,1.9,2,2.2,2.2,0,0,0,1.3-.378v-.9H83.858v-1.2h2.729v2.738A4.071,4.071,0,0,1,83.9-25.555Zm-6.416-3.261a1.913,1.913,0,0,0-1.9-1.982A1.883,1.883,0,0,0,73.7-28.835v.018a1.913,1.913,0,0,0,1.9,1.982A1.883,1.883,0,0,0,77.486-28.8Zm-1.9,3.261a3.225,3.225,0,0,1-3.33-3.243v-.018A3.255,3.255,0,0,1,75.6-32.078a3.225,3.225,0,0,1,3.331,3.243v.018A3.255,3.255,0,0,1,75.583-25.555Zm-9.173-.108V-31.97h1.382v5.045h3.133v1.261Zm-3.433-3.153a1.913,1.913,0,0,0-1.9-1.982,1.883,1.883,0,0,0-1.886,1.964v.018a1.913,1.913,0,0,0,1.9,1.982A1.883,1.883,0,0,0,62.978-28.8Zm-1.9,3.261a3.225,3.225,0,0,1-3.33-3.243v-.018a3.255,3.255,0,0,1,3.348-3.262,3.225,3.225,0,0,1,3.331,3.243v.018A3.255,3.255,0,0,1,61.075-25.555Zm-6.508-.108-3.043-4.009v4.009H50.159V-31.97h1.275l2.944,3.883V-31.97h1.364v6.306Zm-8.246,0v-2.531h-2.55v2.531H42.389V-31.97h1.382v2.5h2.55v-2.5H47.7v6.306Zm-8.432.108A3.178,3.178,0,0,1,34.666-28.8v-.018a3.2,3.2,0,0,1,3.276-3.262,3.237,3.237,0,0,1,2.478.973l-.88,1.018a2.315,2.315,0,0,0-1.606-.712,1.866,1.866,0,0,0-1.822,1.964v.018a1.87,1.87,0,0,0,1.822,1.982,2.265,2.265,0,0,0,1.651-.739l.88.891A3.206,3.206,0,0,1,37.889-25.555Zm-9.805-.108V-31.97h4.739v1.235H29.458v1.279h2.962v1.234H29.458V-26.9h3.411v1.234ZM24.322-30.69v5.027H22.939V-30.69H21.028v-1.28h5.206v1.28H24.322"
-          transform="translate(-21.028 65.555)"
-          fill="#010101"
-        />
-        <path
-          d="M75.836-76.712a8.975,8.975,0,0,1,2.246-3.9,8.393,8.393,0,0,1,6.058-2.457h9.824v-5.67H84.139a14.611,14.611,0,0,0-10.232,4.221,14.509,14.509,0,0,0-3.076,4.536,11.913,11.913,0,0,0-.973,3.271Zm0,4.325a8.978,8.978,0,0,0,2.246,3.9,8.394,8.394,0,0,0,6.058,2.457h9.824v5.67H84.139A14.611,14.611,0,0,1,73.907-64.58a14.506,14.506,0,0,1-3.076-4.536,11.91,11.91,0,0,1-.973-3.271ZM57.522-69.832l-7.5,9.473H42.581L53.818-74.55,42.581-88.739H50.02l7.5,9.472,7.5-9.472h7.439L61.225-74.55l11.237,14.19H65.023Zm-12.336-6.88a11.935,11.935,0,0,0-.973-3.271,14.515,14.515,0,0,0-3.076-4.536A14.612,14.612,0,0,0,30.9-88.739H21.081v5.67H30.9a8.394,8.394,0,0,1,6.058,2.457,8.978,8.978,0,0,1,2.246,3.9Zm0,4.325a11.932,11.932,0,0,1-.973,3.271,14.511,14.511,0,0,1-3.076,4.536A14.611,14.611,0,0,1,30.9-60.359H21.081v-5.67H30.9a8.4,8.4,0,0,0,6.058-2.457,8.981,8.981,0,0,0,2.246-3.9h5.978"
-          transform="translate(-21.049 88.739)"
-          fill="#603494"
-        />
-      </g>
-    </g>
+    <path
+      d="M220.055 60.7583C252.905 60.7583 279.643 87.4387 279.644 120.247C279.644 153.055 252.905 179.735 220.055 179.735H61V155.455H220.055C239.522 155.455 255.362 139.657 255.362 120.247C255.362 100.836 239.522 85.0396 220.055 85.0396H61V60.7583H220.055ZM798 85.0386H638.945C619.478 85.0386 603.638 100.836 603.638 120.247C603.638 139.657 619.478 155.454 638.945 155.454H798V179.735H638.945C606.08 179.735 579.357 153.054 579.356 120.247C579.356 87.4387 606.095 60.7573 638.945 60.7573H798V85.0386ZM556.104 85.0386C530.11 85.0387 511.856 96.5366 492.531 108.706C486.261 112.662 479.906 116.647 473.278 120.204C479.905 123.76 486.261 127.744 492.531 131.701C511.856 143.87 530.11 155.368 556.104 155.368V179.649C523.097 179.649 499.987 165.095 479.591 152.254C462.637 141.585 447.997 132.358 430.058 132.358C412.118 132.358 397.478 141.571 380.524 152.254C360.128 165.095 337.018 179.649 304.011 179.649V155.368C330.006 155.368 348.259 143.87 367.584 131.701C373.854 127.744 380.211 123.76 386.838 120.204C380.211 116.647 373.854 112.662 367.584 108.706C348.259 96.5366 330.006 85.0386 304.011 85.0386V60.7573C337.018 60.7573 360.128 75.3119 380.524 88.1665C397.478 98.8358 412.118 108.063 430.058 108.063V108.048C447.997 108.048 462.637 98.8364 479.591 88.1528C499.987 75.3125 523.097 60.7575 556.104 60.7573V85.0386Z"
+      fill="url(#paint0_radial_1679_944)"
+    />
+    <defs>
+      <radialGradient
+        id="paint0_radial_1679_944"
+        cx="0"
+        cy="0"
+        r="1"
+        gradientTransform="matrix(402.422 -113.55 49.0928 173.987 432 120.032)"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stop-color="#FFB87E" />
+        <stop offset="0.163458" stop-color="#FFA962" />
+        <stop offset="0.337937" stop-color="#FEA15F" />
+        <stop offset="0.557693" stop-color="#FF7E51" />
+        <stop offset="0.839777" stop-color="#B88A99" />
+        <stop offset="1" stop-color="#6399F0" />
+      </radialGradient>
+    </defs>
   </svg>
 );
 
diff --git a/packages/lib/src/layout/ApplicationLayout.stories.tsx b/packages/lib/src/layout/ApplicationLayout.stories.tsx
index 6e03eba3ee..729c660938 100644
--- a/packages/lib/src/layout/ApplicationLayout.stories.tsx
+++ b/packages/lib/src/layout/ApplicationLayout.stories.tsx
@@ -19,22 +19,29 @@ export default {
 } satisfies Meta<typeof DxcApplicationLayout>;
 
 const dxcLogo = (
-  <svg xmlns="http://www.w3.org/2000/svg" width="73" height="40" viewBox="0 0 73 40">
+  <svg xmlns="http://www.w3.org/2000/svg" width="860" height="240" viewBox="0 0 860 240" fill="none">
     <title>DXC Logo</title>
-    <g transform="translate(0)">
-      <g>
-        <path
-          d="M91.613-28.177v2.514H90.231V-28.15l-2.415-3.82h1.616l1.5,2.532,1.526-2.532h1.571ZM83.9-25.555A3.15,3.15,0,0,1,80.6-28.8v-.018a3.231,3.231,0,0,1,3.294-3.262,3.442,3.442,0,0,1,2.469.865l-.87,1.054a2.311,2.311,0,0,0-1.643-.64,1.891,1.891,0,0,0-1.8,1.964v.018a1.886,1.886,0,0,0,1.9,2,2.2,2.2,0,0,0,1.3-.378v-.9H83.858v-1.2h2.729v2.738A4.071,4.071,0,0,1,83.9-25.555Zm-6.416-3.261a1.913,1.913,0,0,0-1.9-1.982A1.883,1.883,0,0,0,73.7-28.835v.018a1.913,1.913,0,0,0,1.9,1.982A1.883,1.883,0,0,0,77.486-28.8Zm-1.9,3.261a3.225,3.225,0,0,1-3.33-3.243v-.018A3.255,3.255,0,0,1,75.6-32.078a3.225,3.225,0,0,1,3.331,3.243v.018A3.255,3.255,0,0,1,75.583-25.555Zm-9.173-.108V-31.97h1.382v5.045h3.133v1.261Zm-3.433-3.153a1.913,1.913,0,0,0-1.9-1.982,1.883,1.883,0,0,0-1.886,1.964v.018a1.913,1.913,0,0,0,1.9,1.982A1.883,1.883,0,0,0,62.978-28.8Zm-1.9,3.261a3.225,3.225,0,0,1-3.33-3.243v-.018a3.255,3.255,0,0,1,3.348-3.262,3.225,3.225,0,0,1,3.331,3.243v.018A3.255,3.255,0,0,1,61.075-25.555Zm-6.508-.108-3.043-4.009v4.009H50.159V-31.97h1.275l2.944,3.883V-31.97h1.364v6.306Zm-8.246,0v-2.531h-2.55v2.531H42.389V-31.97h1.382v2.5h2.55v-2.5H47.7v6.306Zm-8.432.108A3.178,3.178,0,0,1,34.666-28.8v-.018a3.2,3.2,0,0,1,3.276-3.262,3.237,3.237,0,0,1,2.478.973l-.88,1.018a2.315,2.315,0,0,0-1.606-.712,1.866,1.866,0,0,0-1.822,1.964v.018a1.87,1.87,0,0,0,1.822,1.982,2.265,2.265,0,0,0,1.651-.739l.88.891A3.206,3.206,0,0,1,37.889-25.555Zm-9.805-.108V-31.97h4.739v1.235H29.458v1.279h2.962v1.234H29.458V-26.9h3.411v1.234ZM24.322-30.69v5.027H22.939V-30.69H21.028v-1.28h5.206v1.28H24.322"
-          transform="translate(-21.028 65.555)"
-          fill="#010101"
-        />
-        <path
-          d="M75.836-76.712a8.975,8.975,0,0,1,2.246-3.9,8.393,8.393,0,0,1,6.058-2.457h9.824v-5.67H84.139a14.611,14.611,0,0,0-10.232,4.221,14.509,14.509,0,0,0-3.076,4.536,11.913,11.913,0,0,0-.973,3.271Zm0,4.325a8.978,8.978,0,0,0,2.246,3.9,8.394,8.394,0,0,0,6.058,2.457h9.824v5.67H84.139A14.611,14.611,0,0,1,73.907-64.58a14.506,14.506,0,0,1-3.076-4.536,11.91,11.91,0,0,1-.973-3.271ZM57.522-69.832l-7.5,9.473H42.581L53.818-74.55,42.581-88.739H50.02l7.5,9.472,7.5-9.472h7.439L61.225-74.55l11.237,14.19H65.023Zm-12.336-6.88a11.935,11.935,0,0,0-.973-3.271,14.515,14.515,0,0,0-3.076-4.536A14.612,14.612,0,0,0,30.9-88.739H21.081v5.67H30.9a8.394,8.394,0,0,1,6.058,2.457,8.978,8.978,0,0,1,2.246,3.9Zm0,4.325a11.932,11.932,0,0,1-.973,3.271,14.511,14.511,0,0,1-3.076,4.536A14.611,14.611,0,0,1,30.9-60.359H21.081v-5.67H30.9a8.4,8.4,0,0,0,6.058-2.457,8.981,8.981,0,0,0,2.246-3.9h5.978"
-          transform="translate(-21.049 88.739)"
-          fill="#603494"
-        />
-      </g>
-    </g>
+    <path
+      d="M220.055 60.7583C252.905 60.7583 279.643 87.4387 279.644 120.247C279.644 153.055 252.905 179.735 220.055 179.735H61V155.455H220.055C239.522 155.455 255.362 139.657 255.362 120.247C255.362 100.836 239.522 85.0396 220.055 85.0396H61V60.7583H220.055ZM798 85.0386H638.945C619.478 85.0386 603.638 100.836 603.638 120.247C603.638 139.657 619.478 155.454 638.945 155.454H798V179.735H638.945C606.08 179.735 579.357 153.054 579.356 120.247C579.356 87.4387 606.095 60.7573 638.945 60.7573H798V85.0386ZM556.104 85.0386C530.11 85.0387 511.856 96.5366 492.531 108.706C486.261 112.662 479.906 116.647 473.278 120.204C479.905 123.76 486.261 127.744 492.531 131.701C511.856 143.87 530.11 155.368 556.104 155.368V179.649C523.097 179.649 499.987 165.095 479.591 152.254C462.637 141.585 447.997 132.358 430.058 132.358C412.118 132.358 397.478 141.571 380.524 152.254C360.128 165.095 337.018 179.649 304.011 179.649V155.368C330.006 155.368 348.259 143.87 367.584 131.701C373.854 127.744 380.211 123.76 386.838 120.204C380.211 116.647 373.854 112.662 367.584 108.706C348.259 96.5366 330.006 85.0386 304.011 85.0386V60.7573C337.018 60.7573 360.128 75.3119 380.524 88.1665C397.478 98.8358 412.118 108.063 430.058 108.063V108.048C447.997 108.048 462.637 98.8364 479.591 88.1528C499.987 75.3125 523.097 60.7575 556.104 60.7573V85.0386Z"
+      fill="url(#paint0_radial_1679_944)"
+    />
+    <defs>
+      <radialGradient
+        id="paint0_radial_1679_944"
+        cx="0"
+        cy="0"
+        r="1"
+        gradientTransform="matrix(402.422 -113.55 49.0928 173.987 432 120.032)"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stop-color="#FFB87E" />
+        <stop offset="0.163458" stop-color="#FFA962" />
+        <stop offset="0.337937" stop-color="#FEA15F" />
+        <stop offset="0.557693" stop-color="#FF7E51" />
+        <stop offset="0.839777" stop-color="#B88A99" />
+        <stop offset="1" stop-color="#6399F0" />
+      </radialGradient>
+    </defs>
   </svg>
 );
 
diff --git a/packages/lib/src/sidenav/Sidenav.stories.tsx b/packages/lib/src/sidenav/Sidenav.stories.tsx
index 59f83c989b..610a40fc39 100644
--- a/packages/lib/src/sidenav/Sidenav.stories.tsx
+++ b/packages/lib/src/sidenav/Sidenav.stories.tsx
@@ -145,22 +145,29 @@ const selectedGroupItems = [
 ];
 
 const dxcLogo = (
-  <svg xmlns="http://www.w3.org/2000/svg" width="73" height="40" viewBox="0 0 73 40">
+  <svg xmlns="http://www.w3.org/2000/svg" width="860" height="240" viewBox="0 0 860 240" fill="none">
     <title>DXC Logo</title>
-    <g transform="translate(0)">
-      <g>
-        <path
-          d="M91.613-28.177v2.514H90.231V-28.15l-2.415-3.82h1.616l1.5,2.532,1.526-2.532h1.571ZM83.9-25.555A3.15,3.15,0,0,1,80.6-28.8v-.018a3.231,3.231,0,0,1,3.294-3.262,3.442,3.442,0,0,1,2.469.865l-.87,1.054a2.311,2.311,0,0,0-1.643-.64,1.891,1.891,0,0,0-1.8,1.964v.018a1.886,1.886,0,0,0,1.9,2,2.2,2.2,0,0,0,1.3-.378v-.9H83.858v-1.2h2.729v2.738A4.071,4.071,0,0,1,83.9-25.555Zm-6.416-3.261a1.913,1.913,0,0,0-1.9-1.982A1.883,1.883,0,0,0,73.7-28.835v.018a1.913,1.913,0,0,0,1.9,1.982A1.883,1.883,0,0,0,77.486-28.8Zm-1.9,3.261a3.225,3.225,0,0,1-3.33-3.243v-.018A3.255,3.255,0,0,1,75.6-32.078a3.225,3.225,0,0,1,3.331,3.243v.018A3.255,3.255,0,0,1,75.583-25.555Zm-9.173-.108V-31.97h1.382v5.045h3.133v1.261Zm-3.433-3.153a1.913,1.913,0,0,0-1.9-1.982,1.883,1.883,0,0,0-1.886,1.964v.018a1.913,1.913,0,0,0,1.9,1.982A1.883,1.883,0,0,0,62.978-28.8Zm-1.9,3.261a3.225,3.225,0,0,1-3.33-3.243v-.018a3.255,3.255,0,0,1,3.348-3.262,3.225,3.225,0,0,1,3.331,3.243v.018A3.255,3.255,0,0,1,61.075-25.555Zm-6.508-.108-3.043-4.009v4.009H50.159V-31.97h1.275l2.944,3.883V-31.97h1.364v6.306Zm-8.246,0v-2.531h-2.55v2.531H42.389V-31.97h1.382v2.5h2.55v-2.5H47.7v6.306Zm-8.432.108A3.178,3.178,0,0,1,34.666-28.8v-.018a3.2,3.2,0,0,1,3.276-3.262,3.237,3.237,0,0,1,2.478.973l-.88,1.018a2.315,2.315,0,0,0-1.606-.712,1.866,1.866,0,0,0-1.822,1.964v.018a1.87,1.87,0,0,0,1.822,1.982,2.265,2.265,0,0,0,1.651-.739l.88.891A3.206,3.206,0,0,1,37.889-25.555Zm-9.805-.108V-31.97h4.739v1.235H29.458v1.279h2.962v1.234H29.458V-26.9h3.411v1.234ZM24.322-30.69v5.027H22.939V-30.69H21.028v-1.28h5.206v1.28H24.322"
-          transform="translate(-21.028 65.555)"
-          fill="#010101"
-        />
-        <path
-          d="M75.836-76.712a8.975,8.975,0,0,1,2.246-3.9,8.393,8.393,0,0,1,6.058-2.457h9.824v-5.67H84.139a14.611,14.611,0,0,0-10.232,4.221,14.509,14.509,0,0,0-3.076,4.536,11.913,11.913,0,0,0-.973,3.271Zm0,4.325a8.978,8.978,0,0,0,2.246,3.9,8.394,8.394,0,0,0,6.058,2.457h9.824v5.67H84.139A14.611,14.611,0,0,1,73.907-64.58a14.506,14.506,0,0,1-3.076-4.536,11.91,11.91,0,0,1-.973-3.271ZM57.522-69.832l-7.5,9.473H42.581L53.818-74.55,42.581-88.739H50.02l7.5,9.472,7.5-9.472h7.439L61.225-74.55l11.237,14.19H65.023Zm-12.336-6.88a11.935,11.935,0,0,0-.973-3.271,14.515,14.515,0,0,0-3.076-4.536A14.612,14.612,0,0,0,30.9-88.739H21.081v5.67H30.9a8.394,8.394,0,0,1,6.058,2.457,8.978,8.978,0,0,1,2.246,3.9Zm0,4.325a11.932,11.932,0,0,1-.973,3.271,14.511,14.511,0,0,1-3.076,4.536A14.611,14.611,0,0,1,30.9-60.359H21.081v-5.67H30.9a8.4,8.4,0,0,0,6.058-2.457,8.981,8.981,0,0,0,2.246-3.9h5.978"
-          transform="translate(-21.049 88.739)"
-          fill="#603494"
-        />
-      </g>
-    </g>
+    <path
+      d="M220.055 60.7583C252.905 60.7583 279.643 87.4387 279.644 120.247C279.644 153.055 252.905 179.735 220.055 179.735H61V155.455H220.055C239.522 155.455 255.362 139.657 255.362 120.247C255.362 100.836 239.522 85.0396 220.055 85.0396H61V60.7583H220.055ZM798 85.0386H638.945C619.478 85.0386 603.638 100.836 603.638 120.247C603.638 139.657 619.478 155.454 638.945 155.454H798V179.735H638.945C606.08 179.735 579.357 153.054 579.356 120.247C579.356 87.4387 606.095 60.7573 638.945 60.7573H798V85.0386ZM556.104 85.0386C530.11 85.0387 511.856 96.5366 492.531 108.706C486.261 112.662 479.906 116.647 473.278 120.204C479.905 123.76 486.261 127.744 492.531 131.701C511.856 143.87 530.11 155.368 556.104 155.368V179.649C523.097 179.649 499.987 165.095 479.591 152.254C462.637 141.585 447.997 132.358 430.058 132.358C412.118 132.358 397.478 141.571 380.524 152.254C360.128 165.095 337.018 179.649 304.011 179.649V155.368C330.006 155.368 348.259 143.87 367.584 131.701C373.854 127.744 380.211 123.76 386.838 120.204C380.211 116.647 373.854 112.662 367.584 108.706C348.259 96.5366 330.006 85.0386 304.011 85.0386V60.7573C337.018 60.7573 360.128 75.3119 380.524 88.1665C397.478 98.8358 412.118 108.063 430.058 108.063V108.048C447.997 108.048 462.637 98.8364 479.591 88.1528C499.987 75.3125 523.097 60.7575 556.104 60.7573V85.0386Z"
+      fill="url(#paint0_radial_1679_944)"
+    />
+    <defs>
+      <radialGradient
+        id="paint0_radial_1679_944"
+        cx="0"
+        cy="0"
+        r="1"
+        gradientTransform="matrix(402.422 -113.55 49.0928 173.987 432 120.032)"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stop-color="#FFB87E" />
+        <stop offset="0.163458" stop-color="#FFA962" />
+        <stop offset="0.337937" stop-color="#FEA15F" />
+        <stop offset="0.557693" stop-color="#FF7E51" />
+        <stop offset="0.839777" stop-color="#B88A99" />
+        <stop offset="1" stop-color="#6399F0" />
+      </radialGradient>
+    </defs>
   </svg>
 );
 
diff --git a/packages/lib/src/sidenav/Sidenav.tsx b/packages/lib/src/sidenav/Sidenav.tsx
index e77ada18b9..d8c6af8796 100644
--- a/packages/lib/src/sidenav/Sidenav.tsx
+++ b/packages/lib/src/sidenav/Sidenav.tsx
@@ -87,8 +87,8 @@ const LogoContainer = styled.div<{
   text-decoration: none;
   cursor: ${(props) => (props.hasAction ? "pointer" : "default")};
   svg {
-    max-width: 100%;
-    max-height: 100%;
+    width: auto;
+    height: var(--height-m);
   }
 `;
 
@@ -185,7 +185,7 @@ const DxcSidenav = ({
                 )}
               </LogoContainer>
             )}
-            {isExpanded && <SidenavTitle>{appTitle}</SidenavTitle>}
+            {isExpanded && appTitle && <SidenavTitle>{appTitle}</SidenavTitle>}
           </DxcFlex>
         </DxcFlex>
         {!(isBelowMedium && !isExpanded) && (