fix build errors

ensdomains · Dec 13, 2024 · 0cf8381 · 0cf8381
1 parent 2d0408b
commit 0cf8381
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 12 deletions.
diff --git a/src/components/pages/profile/[name]/registration/steps/Profile/CustomProfileRecordInput.tsx b/src/components/pages/profile/[name]/registration/steps/Profile/CustomProfileRecordInput.tsx
@@ -27,20 +27,22 @@ const InnerResponsiveContainer = styled.div(
 )
 
 const LabelWrapper = styled.div(
-  () => css`
+  ({ theme }) => css`
     width: 100%;
     @media (min-width: ${theme.breakpoints.sm}px) {
       flex: 0 0 25%;
     }
   `,
 )
 
-const ValueWrapper = styled.div`
-  width: 100%;
-  @media (min-width: ${theme.breakpoints.sm}px) {
-    flex: 1;
-  }
-`
+const ValueWrapper = styled.div(
+  ({ theme }) => css`
+    width: 100%;
+    @media (min-width: ${theme.breakpoints.sm}px) {
+      flex: 1;
+    }
+  `,
+)
 
 const ButtonContainer = styled.div(
   ({ theme }) => css`

diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -81,11 +81,13 @@ const LogoAndLanguage = styled.div(
   `,
 )
 
-const StyledLeadingHeading = styled(LeadingHeading)`
-  @media (min-width: ${theme.breakpoints.sm}px) {
-    display: none;
-  }
-`
+const StyledLeadingHeading = styled(LeadingHeading)(
+  ({ theme }) => css`
+    @media (min-width: ${theme.breakpoints.sm}px) {
+      display: none;
+    }
+  `,
+)
 
 export default function Page() {
   const { t } = useTranslation('common')