diff --git a/resources/css/app.css b/resources/css/app.css
index 137783f1..110ed7fc 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -47,8 +47,8 @@ p.lead {
 @import 'components/button.css';
 @import 'components/markup.css';
 @import 'components/note.css';
-@import 'components/talks/video.css';
 @import 'components/table.css';
+@import 'components/video.css';
 @import 'components/widget.css';
 
 @tailwind utilities;
diff --git a/resources/css/components/talks/video.css b/resources/css/components/video.css
similarity index 53%
rename from resources/css/components/talks/video.css
rename to resources/css/components/video.css
index 90757995..b03da98f 100644
--- a/resources/css/components/talks/video.css
+++ b/resources/css/components/video.css
@@ -1,4 +1,7 @@
-.talk-video {
+.video-full {
+  @apply w-full relative;
+  padding-top: 56.25%;
+
   iframe,
   embed {
     @apply absolute h-full left-0 top-0 w-full
diff --git a/source/_partials/talk/video.html.twig b/source/_partials/talk/video.html.twig
index 19617ca7..3ae10e6e 100644
--- a/source/_partials/talk/video.html.twig
+++ b/source/_partials/talk/video.html.twig
@@ -1,8 +1,8 @@
 {% if page.youtube.id or page.vimeo.id %}
-    <div class="talk-video mt-4">
+    <div class="mt-4">
         <h2 class="mb-2">Video</h2>
 
-        <div class="w-full relative" style="padding-top: 56.25%">
+        <div class="video-full">
             {% if page.youtube.id %}
                 <iframe
                     width="678"