From 38bb5def7a507621846517a8973d56d732e66b15 Mon Sep 17 00:00:00 2001
From: Lars <lars@serlo.org>
Date: Fri, 22 Nov 2024 10:07:32 +0100
Subject: [PATCH] fix(plugin-edusharing): make loading plugin state have aspect
 16/9 to reduce content shifts after load

---
 packages/editor/src/editor-ui/assets/edusharing.svg       | 2 +-
 packages/editor/src/plugins/edusharing-asset/renderer.tsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/editor/src/editor-ui/assets/edusharing.svg b/packages/editor/src/editor-ui/assets/edusharing.svg
index 19101e9086..e3de67a7e7 100644
--- a/packages/editor/src/editor-ui/assets/edusharing.svg
+++ b/packages/editor/src/editor-ui/assets/edusharing.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" xml:space="preserve">
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" xml:space="preserve">
 	<path fill="#58819B" d="m18.214 21.509-3.708-6.426 3.708-6.426h7.417l3.708 6.426-3.708 6.426z" />
 	<path fill="#9AC4D8" d="M5.208 13.853 1.5 7.426 5.208 1h7.417l3.708 6.426-3.708 6.427z" />
 	<path fill="#2F5775" d="M5.208 29.167 1.5 22.738l3.708-6.425h7.417l3.708 6.425-3.708 6.429z" />
diff --git a/packages/editor/src/plugins/edusharing-asset/renderer.tsx b/packages/editor/src/plugins/edusharing-asset/renderer.tsx
index 2ddaee1717..9240f47626 100644
--- a/packages/editor/src/plugins/edusharing-asset/renderer.tsx
+++ b/packages/editor/src/plugins/edusharing-asset/renderer.tsx
@@ -100,8 +100,8 @@ export function EdusharingAssetRenderer(props: {
         {embedHtml ? (
           renderEmbed()
         ) : (
-          <div className="flex justify-center">
-            <EdusharingIcon />
+          <div className="flex aspect-[16/9] w-full items-center justify-center">
+            <EdusharingIcon style={{ width: '5rem', height: '5rem' }} />
           </div>
         )}
       </div>