diff --git a/src/components/Button/Button.module.scss b/src/components/Button/Button.module.scss index 28e1c27f7..f8fffa2a1 100644 --- a/src/components/Button/Button.module.scss +++ b/src/components/Button/Button.module.scss @@ -75,5 +75,9 @@ height: 20px; width: 20px; fill: currentColor; + @include responsive.tablet-only() { + width: 18px; + height: 18px; + } } } diff --git a/src/components/Video/Video.module.scss b/src/components/Video/Video.module.scss index afc9e71f4..0bc88fa6b 100644 --- a/src/components/Video/Video.module.scss +++ b/src/components/Video/Video.module.scss @@ -62,9 +62,10 @@ .otherButtons { display: flex; justify-content: center; + width: 100%; > button { margin-right: 8px; - width: 33%; + width: 100%; } > button:last-child { margin-right: 0px; @@ -74,7 +75,6 @@ > button:first-child { margin-bottom: 8px; margin-right: 0px; - width: 100%; } > button:not(:first-child) { flex: 1; diff --git a/src/components/Video/Video.test.tsx b/src/components/Video/Video.test.tsx index 8d55e127d..bdff38ac0 100644 --- a/src/components/Video/Video.test.tsx +++ b/src/components/Video/Video.test.tsx @@ -32,6 +32,7 @@ describe('