diff --git a/packages/docusaurus-plugin-ideal-image/src/theme/IdealImage/index.tsx b/packages/docusaurus-plugin-ideal-image/src/theme/IdealImage/index.tsx
index 7cc1e0e61912..dcf485fe8bc7 100644
--- a/packages/docusaurus-plugin-ideal-image/src/theme/IdealImage/index.tsx
+++ b/packages/docusaurus-plugin-ideal-image/src/theme/IdealImage/index.tsx
@@ -93,6 +93,7 @@ export default function IdealImage(props: Props): ReactNode {
 
   return (
     <ReactIdealImage
+      {...propsRest}
       height={img.src.height ?? 100}
       width={img.src.width ?? 100}
       placeholder={{lqip: img.preSrc}}
diff --git a/website/_dogfooding/_pages tests/ideal-image.tsx b/website/_dogfooding/_pages tests/ideal-image.tsx
new file mode 100644
index 000000000000..01217dbe5792
--- /dev/null
+++ b/website/_dogfooding/_pages tests/ideal-image.tsx	
@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import Image from '@theme/IdealImage';
+
+function Component() {
+  return (
+    <Image
+      className="margin--xl"
+      style={{width: '100px', height: '32px'}}
+      img={require('./img/oss_logo.png')}
+    />
+  );
+}
+
+export default Component;
diff --git a/website/_dogfooding/_pages tests/img/oss_logo.png b/website/_dogfooding/_pages tests/img/oss_logo.png
new file mode 100644
index 000000000000..81923fc56250
Binary files /dev/null and b/website/_dogfooding/_pages tests/img/oss_logo.png differ
diff --git a/website/_dogfooding/_pages tests/index.mdx b/website/_dogfooding/_pages tests/index.mdx
index 0ac188463580..25da1e93a597 100644
--- a/website/_dogfooding/_pages tests/index.mdx	
+++ b/website/_dogfooding/_pages tests/index.mdx	
@@ -42,3 +42,4 @@ import Readme from "../README.mdx"
 - [History tests](/tests/pages/history-tests)
 - [Embeds](/tests/pages/embeds)
 - [Style Isolation tests](/tests/pages/style-isolation)
+- [IdealImage tests](/tests/pages/ideal-image)
diff --git a/website/docs/api/docusaurus.config.js.mdx b/website/docs/api/docusaurus.config.js.mdx
index a21ebbcf1782..7800179851d3 100644
--- a/website/docs/api/docusaurus.config.js.mdx
+++ b/website/docs/api/docusaurus.config.js.mdx
@@ -86,7 +86,7 @@ export default {
 
 :::info Special case for i18n sites
 
-If your site uses multiple locales, it is possible to provide a distinct `url` for each locale thanks to the [`siteConfig.i18n.localeConfigs[<locale>].url`](#i18n) attribute. This makes it possible to deploy a localized Docusaurus site [deploy a localized Docusaurus site over multiple domains](../i18n/i18n-tutorial.mdx#multi-domain-deployment).
+If your site uses multiple locales, it is possible to provide a distinct `url` for each locale thanks to the [`siteConfig.i18n.localeConfigs[<locale>].url`](#i18n) attribute. This makes it possible to [deploy a localized Docusaurus site over multiple domains](../i18n/i18n-tutorial.mdx#multi-domain-deployment).
 
 :::