diff --git a/src/components/layout/nav.js b/src/components/layout/nav.js
index e1763785347..b6dcc925095 100644
--- a/src/components/layout/nav.js
+++ b/src/components/layout/nav.js
@@ -434,7 +434,7 @@ const NavMobile = ({
 
             <LogoLinkMobileMain to="/" aria-label={localize('Home')}>
                 <Flex>
-                    <img src={LogoOnly} alt="logo only" width="115px" />
+                    <img src={LogoOnly} alt="logo only" width={115} />
                     <LogoDescription ai="center">
                         <Line />
                         {academy_logo ? (
@@ -792,13 +792,13 @@ export const NavStatic = ({ is_ppc }) => (
         <StaticWrapper>
             <LogoLink mw="31rem" to="/" aria-label={localize('Home')}>
                 <Flex ai="center">
-                    <img src={LogoOnly} alt="logo only nav static" width="160px" height="27px" />
+                    <img src={LogoOnly} alt="logo only nav static" width={160} height={27} />
                     <Line />
                     <img
                         src={LogoCombinedShape}
                         alt="logo combined shape nav static"
-                        width="120"
-                        height="17"
+                        width={120}
+                        height={17}
                     />
                 </Flex>
             </LogoLink>
diff --git a/src/pages/landing/deriv-go/_why-trade-deriv-go.js b/src/pages/landing/deriv-go/_why-trade-deriv-go.js
index 644c1513cc4..692330fb1d1 100644
--- a/src/pages/landing/deriv-go/_why-trade-deriv-go.js
+++ b/src/pages/landing/deriv-go/_why-trade-deriv-go.js
@@ -75,7 +75,7 @@ const WhyTradeDerivGo = () => {
                             return (
                                 <Card key={index.title}>
                                     <div>
-                                        <img src={index.icon} width="72px" height="72px" alt="" />
+                                        <img src={index.icon} width={72} height={72} alt="" />
                                     </div>
                                     <Header as="h3" type="heading-3" align="center" mt="24px">
                                         {index.title}
diff --git a/src/pages/landing/trade-forex/components/_icon-text-row.js b/src/pages/landing/trade-forex/components/_icon-text-row.js
index b80e61abe73..a1d6c392c85 100644
--- a/src/pages/landing/trade-forex/components/_icon-text-row.js
+++ b/src/pages/landing/trade-forex/components/_icon-text-row.js
@@ -109,7 +109,7 @@ const IconTextRow = () => {
             <CardContainer pr="4.7rem" pl="6.7rem">
                 <Card direction="column">
                     <Row>
-                        <img src={RightAd} alt="high leverage" width="98px" />
+                        <img src={RightAd} alt="high leverage" width={98} />
                     </Row>
                     <Row>
                         <Column>
@@ -139,7 +139,7 @@ const IconTextRow = () => {
                 </Card>
                 <Card direction="column">
                     <Row>
-                        <img src={SettlePayment} alt="zero commission" width="80px" />
+                        <img src={SettlePayment} alt="zero commission" width={80} />
                     </Row>
                     <Row>
                         <Column>
@@ -169,7 +169,7 @@ const IconTextRow = () => {
                 </Card>
                 <Card direction="column">
                     <Row>
-                        <img src={CompleteOrder} alt="swap free" width="109px" />
+                        <img src={CompleteOrder} alt="swap free" width={109} />
                     </Row>
                     <Row>
                         <Column>
diff --git a/src/pages/markets/components/helper/_markets_accordion.js b/src/pages/markets/components/helper/_markets_accordion.js
index 9bb0dceaf9d..c633d45a6ff 100644
--- a/src/pages/markets/components/helper/_markets_accordion.js
+++ b/src/pages/markets/components/helper/_markets_accordion.js
@@ -53,8 +53,8 @@ const MarketsAccordion = ({ renderTitle, renderDetails, custom_index }) => {
                     <StyledChevron
                         src={ChevronThick}
                         alt=""
-                        width="16px"
-                        height="16px"
+                        width={16}
+                        height={16}
                         is_show_detail={String(is_show_detail)}
                     />
                 </Button>