diff --git a/website/i18n/ja/docusaurus-plugin-content-docs/current/reference/runtime/dialog.mdx b/website/i18n/ja/docusaurus-plugin-content-docs/current/reference/runtime/dialog.mdx
index ac795592..ad00650a 100644
--- a/website/i18n/ja/docusaurus-plugin-content-docs/current/reference/runtime/dialog.mdx
+++ b/website/i18n/ja/docusaurus-plugin-content-docs/current/reference/runtime/dialog.mdx
@@ -152,10 +152,7 @@ selection, err := runtime.MessageDialog(b.ctx, runtime.MessageDialogOptions{
     Buttons:      []string{"one", "two", "three", "four"},
 })
 ```
-the first button is shown as default:
-<div class="text--center">
-    <img src="/img/runtime/dialog_no_defaults.png" width="30%" className="screenshot"/>
-</div>
+the first button is shown as default: div class="text--center"> <img src="/img/runtime/dialog_no_defaults.png" width="30%" style={{"box-shadow": "rgb(255 255 > </div>
 <br/>
 
 And if we specify `DefaultButton` to be "two":
@@ -169,7 +166,7 @@ selection, err := runtime.MessageDialog(b.ctx, runtime.MessageDialogOptions{
 ```
 the second button is shown as default. When `return` is pressed, the value "two" is returned.
 <div class="text--center">
-    <img src="/img/runtime/dialog_default_button.png" width="30%" className="screenshot"/>
+    <img src="/img/runtime/dialog_default_button.png" width="30%" style={{"box-shadow": "rgb(255 255 >
 </div>
 
 <br/>
@@ -186,7 +183,7 @@ selection, err := runtime.MessageDialog(b.ctx, runtime.MessageDialogOptions{
 ```
 the button with "three" is shown at the bottom of the dialog. When `escape` is pressed, the value "three" is returned:
 <div class="text--center">
-    <img src="/img/runtime/dialog_default_cancel.png" width="30%" className="screenshot"/>
+    <img src="/img/runtime/dialog_default_cancel.png" width="30%" style={{"box-shadow": "rgb(255 255 >
 </div>
 
 <br/>
@@ -219,7 +216,7 @@ type FileFilter struct {
 Windows allows you to use multiple file filters in dialog boxes. Each FileFilter will show up as a separate entry in the dialog:
 
 <div class="text--center">
-    <img src="/img/runtime/dialog_win_filters.png" width="50%" className="screenshot"/>
+    <img src="/img/runtime/dialog_win_filters.png" width="50%" style={{"box-shadow": "rgb(255 255 >
 </div>
 
 <br/>
@@ -231,7 +228,7 @@ Windows allows you to use multiple file filters in dialog boxes. Each FileFilter
 Linux allows you to use multiple file filters in dialog boxes. Each FileFilter will show up as a separate entry in the dialog:
 
 <div class="text--center">
-  <img src="/img/runtime/dialog_lin_filters.png" width="50%" className="screenshot"/>
+  <img src="/img/runtime/dialog_lin_filters.png" width="50%" style={{"box-shadow": "rgb(255 255 >
 </div>
 
 <br/>