diff --git a/packages/blinks/src/ext/youtube.tsx b/packages/blinks/src/ext/youtube.tsx index d47aea35..859c9440 100644 --- a/packages/blinks/src/ext/youtube.tsx +++ b/packages/blinks/src/ext/youtube.tsx @@ -193,6 +193,8 @@ import { const containerWrapper = document.createElement('div'); containerWrapper.className = 'dialect-wrapper'; containerWrapper.style.marginTop = '12px'; + containerWrapper.style.marginBottom = '12px'; + containerWrapper.style.maxWidth = '400px'; containerWrapper.appendChild(actionContainer); commentNode.appendChild(containerWrapper); diff --git a/packages/blinks/src/index.css b/packages/blinks/src/index.css index 96ad7a6f..f20d292f 100644 --- a/packages/blinks/src/index.css +++ b/packages/blinks/src/index.css @@ -6,11 +6,6 @@ .blink { container-type: inline-size; } - /* Restricting the Width only for Youtube - can be done either ways */ - /* Can also change depending on the platform */ - .blink.youtube-dark, .blink.youtube-light { - max-width: 400px; - } .blink input[type="date"]::-webkit-inner-spin-button, input[type="date"]::-webkit-calendar-picker-indicator, input[type="datetime-local"]::-webkit-inner-spin-button, input[type="datetime-local"]::-webkit-calendar-picker-indicator { /*