diff --git a/src/pages/Overview/StakeStatus/Wrappers.ts b/src/pages/Overview/StakeStatus/Wrappers.ts
index bcf80bfda2..571b6a92c8 100644
--- a/src/pages/Overview/StakeStatus/Wrappers.ts
+++ b/src/pages/Overview/StakeStatus/Wrappers.ts
@@ -4,7 +4,7 @@
 import styled from 'styled-components';
 import { PageWidthMediumThreshold } from 'consts';
 
-export const StatusWrapper = styled.div<{ borderBottom: boolean }>`
+export const StatusWrapper = styled.div<{ $borderBottom: boolean }>`
   display: flex;
   flex-wrap: wrap;
   padding: 1.5rem 1.5rem 0 1.5rem;
@@ -31,7 +31,7 @@ export const StatusWrapper = styled.div<{ borderBottom: boolean }>`
 
     > section {
       border-bottom: ${(props) =>
-        props.borderBottom ? '1px solid var(--border-primary-color)' : 'none'};
+        props.$borderBottom ? '1px solid var(--border-primary-color)' : 'none'};
       padding-bottom: 0.75rem;
       @media (max-width: ${PageWidthMediumThreshold}px) {
         padding-bottom: 0.5rem;
diff --git a/src/pages/Overview/StakeStatus/index.tsx b/src/pages/Overview/StakeStatus/index.tsx
index a621d2f744..b8ec0db229 100644
--- a/src/pages/Overview/StakeStatus/index.tsx
+++ b/src/pages/Overview/StakeStatus/index.tsx
@@ -15,7 +15,7 @@ export const StakeStatus = () => {
 
   return (
     <CardWrapper style={{ padding: 0 }}>
-      <StatusWrapper borderBottom={showTips}>
+      <StatusWrapper $borderBottom={showTips}>
         <RowSection secondary>
           <section>
             <NominationStatus showButtons={false} />