{ __( 'Unavailable', 'amp' ) }
@@ -96,7 +101,7 @@ ThemeCard.propTypes = {
description: PropTypes.string.isRequired,
ElementName: PropTypes.string,
homepage: PropTypes.string.isRequired,
- screenshotUrl: PropTypes.string.isRequired,
+ screenshotUrl: PropTypes.string,
slug: PropTypes.string.isRequired,
name: PropTypes.string.isRequired,
disabled: PropTypes.bool,
diff --git a/assets/src/components/theme-card/style.css b/assets/src/components/theme-card/style.css
index 2049d5651b9..d54dc8cf9d6 100644
--- a/assets/src/components/theme-card/style.css
+++ b/assets/src/components/theme-card/style.css
@@ -48,13 +48,10 @@
}
}
-.theme-card .phone-inner {
- max-height: 307px; /* Make all images uniform height. */
-}
-
.theme-card img {
height: auto;
width: 100%;
+ margin: auto;
}
p.theme-card__description {
diff --git a/assets/src/onboarding-wizard/components/nav/index.js b/assets/src/onboarding-wizard/components/nav/index.js
index 40a0b3f63cf..8ef500981c2 100644
--- a/assets/src/onboarding-wizard/components/nav/index.js
+++ b/assets/src/onboarding-wizard/components/nav/index.js
@@ -20,6 +20,7 @@ import './style.css';
import { Options } from '../../../components/options-context-provider';
import { User } from '../user-context-provider';
import { READER } from '../../../common/constants';
+import { ReaderThemes } from '../../../components/reader-themes-context-provider';
/**
* Navigation component.
@@ -36,6 +37,7 @@ export function Nav( { closeLink, finishLink } ) {
originalOptions: { preview_permalink: previewPermalink, reader_theme: readerTheme },
} = useContext( Options );
const { savingDeveloperToolsOption } = useContext( User );
+ const { downloadingTheme } = useContext( ReaderThemes );
let nextText;
let nextLink;
@@ -97,7 +99,7 @@ export function Nav( { closeLink, finishLink } ) {
}