diff --git a/client/src/assets/curriculum/scrim-play.svg b/client/src/assets/curriculum/scrim-play.svg
index 1c58caf801bb..6e9f3095da1c 100644
--- a/client/src/assets/curriculum/scrim-play.svg
+++ b/client/src/assets/curriculum/scrim-play.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/client/src/curriculum/index.scss b/client/src/curriculum/index.scss
index 8209c16fedca..9882c85f1ff6 100644
--- a/client/src/curriculum/index.scss
+++ b/client/src/curriculum/index.scss
@@ -291,6 +291,8 @@
scrim-inline {
aspect-ratio: 1.5;
display: block;
+ margin: 0.5rem auto;
+ max-width: 575px;
width: 100%;
}
diff --git a/client/src/curriculum/scrim-inline.scss b/client/src/curriculum/scrim-inline.scss
index aeb836714dae..650485dcbc79 100644
--- a/client/src/curriculum/scrim-inline.scss
+++ b/client/src/curriculum/scrim-inline.scss
@@ -46,6 +46,10 @@ dialog {
height: 100%;
position: relative;
width: 100%;
+
+ > * {
+ font-size: 4cqmin;
+ }
}
.header {
@@ -116,7 +120,6 @@ dialog {
auto 0.6em,
contain,
cover;
- font-size: 4cqmin;
inset: 0;
position: absolute;
@@ -164,9 +167,9 @@ iframe {
}
svg {
- height: 7rem;
+ height: 9em;
stroke-width: 2px;
- width: 7rem;
+ width: auto;
circle {
fill: var(--color);