diff --git a/packages/web/components/elements/ExtensionsInstallHelp.tsx b/packages/web/components/elements/ExtensionsInstallHelp.tsx
index cb86225ed..2b10ddd11 100644
--- a/packages/web/components/elements/ExtensionsInstallHelp.tsx
+++ b/packages/web/components/elements/ExtensionsInstallHelp.tsx
@@ -112,9 +112,7 @@ export default function ExtensionsInstallHelp({
height: '130px',
}}
>
-
+
diff --git a/packages/web/components/elements/MobileInstallHelp.tsx b/packages/web/components/elements/MobileInstallHelp.tsx
index 8680fcb09..b57ec2e05 100644
--- a/packages/web/components/elements/MobileInstallHelp.tsx
+++ b/packages/web/components/elements/MobileInstallHelp.tsx
@@ -39,7 +39,13 @@ export default function MobileInstallHelp({
},
]
- const iosContainerStyles = { marginTop: '12px', width: '100%', height: '40px', display: 'flex', justifyContent: !onboarding ? 'flex-end' : 'initial'}
+ const iosContainerStyles = {
+ marginTop: '12px',
+ width: '100%',
+ height: '40px',
+ display: 'flex',
+ justifyContent: !onboarding ? 'flex-end' : 'initial',
+ }
return (
@@ -179,7 +185,7 @@ export default function MobileInstallHelp({
diff --git a/packages/web/components/elements/images/ChromeIcon.tsx b/packages/web/components/elements/images/ChromeIcon.tsx
index 234c823b7..2b803e63b 100644
--- a/packages/web/components/elements/images/ChromeIcon.tsx
+++ b/packages/web/components/elements/images/ChromeIcon.tsx
@@ -1,36 +1,5 @@
-type ChromeIconProps = {
- fillColor?: string
-}
+import Image from 'next/image'
-export function ChromeIcon(props: ChromeIconProps): JSX.Element {
- return (
-
- )
+export function ChromeIcon(): JSX.Element {
+ return
}
diff --git a/packages/web/components/elements/images/EdgeIcon.tsx b/packages/web/components/elements/images/EdgeIcon.tsx
index 991b73d2d..783ca59a5 100644
--- a/packages/web/components/elements/images/EdgeIcon.tsx
+++ b/packages/web/components/elements/images/EdgeIcon.tsx
@@ -1,127 +1,5 @@
-type EdgeIconProps = {
- fillColor?: string
-}
+import Image from 'next/image'
-export function EdgeIcon(props: EdgeIconProps): JSX.Element {
- return (
-
- )
+export function EdgeIcon(): JSX.Element {
+ return
}
diff --git a/packages/web/components/elements/images/FirefoxIcon.tsx b/packages/web/components/elements/images/FirefoxIcon.tsx
index 7453e0722..baeb4f83b 100644
--- a/packages/web/components/elements/images/FirefoxIcon.tsx
+++ b/packages/web/components/elements/images/FirefoxIcon.tsx
@@ -1,232 +1,5 @@
-type FirefoxIconProps = {
- fillColor?: string
-}
+import Image from 'next/image'
-export function FirefoxIcon(props: FirefoxIconProps): JSX.Element {
- return (
-
- )
+export function FirefoxIcon(): JSX.Element {
+ return
}
diff --git a/packages/web/components/elements/images/SafariIcon.tsx b/packages/web/components/elements/images/SafariIcon.tsx
index c40b04861..a8187fc89 100644
--- a/packages/web/components/elements/images/SafariIcon.tsx
+++ b/packages/web/components/elements/images/SafariIcon.tsx
@@ -1,50 +1,5 @@
-type SafariIconProps = {
- fillColor?: string
-}
+import Image from 'next/image'
-export function SafariIcon(props: SafariIconProps): JSX.Element {
- return (
-
- )
+export function SafariIcon(): JSX.Element {
+ return
}