diff --git a/assets/less/components/talk.less b/assets/less/components/talk.less
deleted file mode 100644
index 042d779e..00000000
--- a/assets/less/components/talk.less
+++ /dev/null
@@ -1,32 +0,0 @@
-.talk-video { padding-top: 56.25% }
-
-.talk-video iframe,
-.talk-video embed {
-    @apply .absolute;
-    @apply .pin-l;
-    @apply .pin-t;
-    @apply .w-full;
-}
-
-.talk-slides {
-    background: url('../images/loading.gif') center no-repeat;
-    min-height: 275px;
-}
-
-@screen md {
-    .talk-slides {
-        min-height: 375px;
-    }
-}
-
-@screen lg {
-    .talk-slides {
-        min-height: 450px;
-    }
-}
-
-@screen xl {
-    .talk-slides {
-        min-height: 560px;
-    }
-}
diff --git a/assets/less/components/talk/slides.less b/assets/less/components/talk/slides.less
new file mode 100644
index 00000000..9227c608
--- /dev/null
+++ b/assets/less/components/talk/slides.less
@@ -0,0 +1,16 @@
+.talk-slides {
+    background: url('../images/loading.gif') center no-repeat;
+    min-height: 275px;
+}
+
+@screen md {
+    .talk-slides { min-height: 375px; }
+}
+
+@screen lg {
+    .talk-slides { min-height: 450px; }
+}
+
+@screen xl {
+    .talk-slides { min-height: 560px; }
+}
diff --git a/assets/less/components/talk/video.less b/assets/less/components/talk/video.less
new file mode 100644
index 00000000..adf9f213
--- /dev/null
+++ b/assets/less/components/talk/video.less
@@ -0,0 +1,9 @@
+.talk-video { padding-top: 56.25% }
+
+.talk-video iframe,
+.talk-video embed {
+    @apply .absolute;
+    @apply .pin-l;
+    @apply .pin-t;
+    @apply .w-full;
+}
\ No newline at end of file
diff --git a/assets/less/main.less b/assets/less/main.less
index 54a2df24..dc213a21 100644
--- a/assets/less/main.less
+++ b/assets/less/main.less
@@ -64,7 +64,8 @@ svg {
 
 @import "components/listing";
 @import "components/post";
-@import "components/talk";
+@import "components/talk/slides";
+@import "components/talk/video";
 @import "components/talks-table";
 @import "components/testimonial";