diff --git a/app/assets/config/manifest.js b/app/assets/config/manifest.js
index 2d9509690e4..5daac46ba8f 100644
--- a/app/assets/config/manifest.js
+++ b/app/assets/config/manifest.js
@@ -1,9 +1,8 @@
 //= link application.css
 //= link print.css
-//= link govuk_publishing_components/components/_radio.css
-//= link govuk_publishing_components/components/_date-input.css
-//= link govuk_publishing_components/components/_fieldset.css
-//= link govuk_publishing_components/components/_summary-list.css
+//= link components/_result-card.css
+//= link components/_result-item.css
+//= link components/_result-sections.css
 //= link visualise.css
 //= link joint.css
 //= link application.js
diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss
index c04e8be0e8d..5ebeac3b88e 100644
--- a/app/assets/stylesheets/application.scss
+++ b/app/assets/stylesheets/application.scss
@@ -26,9 +26,9 @@ $govuk-include-default-font-face: false;
 // @import "govuk_publishing_components/components/warning-text";
 
 @import "components/autocomplete";
-@import "components/result-card";
-@import "components/result-item";
-@import "components/result-sections";
+// @import "components/result-card";
+// @import "components/result-item";
+// @import "components/result-sections";
 // @import "smart_answers";
 
 .desktop-min-height {
diff --git a/app/assets/stylesheets/components/_result-card.scss b/app/assets/stylesheets/components/_result-card.scss
index b9f72d8b354..c46fd9826cc 100644
--- a/app/assets/stylesheets/components/_result-card.scss
+++ b/app/assets/stylesheets/components/_result-card.scss
@@ -1,3 +1,5 @@
+@import "govuk_publishing_components/govuk_frontend_support";
+
 .app-c-result-card {
   position: relative;
   padding: govuk-spacing(5) govuk-spacing(4);
diff --git a/app/assets/stylesheets/components/_result-item.scss b/app/assets/stylesheets/components/_result-item.scss
index 4be18c2148e..7563a919f51 100644
--- a/app/assets/stylesheets/components/_result-item.scss
+++ b/app/assets/stylesheets/components/_result-item.scss
@@ -1,3 +1,5 @@
+@import "govuk_publishing_components/govuk_frontend_support";
+
 .app-c-result-item {
   @include govuk-font($size: 19);
   padding-top: govuk-spacing(6);
diff --git a/app/assets/stylesheets/components/_result-sections.scss b/app/assets/stylesheets/components/_result-sections.scss
index 7671806232c..330bbb8e9f8 100644
--- a/app/assets/stylesheets/components/_result-sections.scss
+++ b/app/assets/stylesheets/components/_result-sections.scss
@@ -1,3 +1,5 @@
+@import "govuk_publishing_components/govuk_frontend_support";
+
 .app-c-result-sections {
   margin-bottom: govuk-spacing(7) * 2;
 }
diff --git a/app/views/components/_result-card.html.erb b/app/views/components/_result-card.html.erb
index a6923b590df..fa0f40bd384 100644
--- a/app/views/components/_result-card.html.erb
+++ b/app/views/components/_result-card.html.erb
@@ -1,3 +1,6 @@
+<%= debug(@individual_stylesheets) %>
+<% @individual_stylesheets.add_component("result-card") %>
+
 <%
   title ||= nil
   description ||= nil
@@ -9,7 +12,8 @@
     raise ArgumentError, "The result card component requires a title, url, url_text and url_track_action"
   end
 %>
-<div class="app-c-result-card">
+CARD
+<div class="app-c-result-card fdsf">
   <%= render "govuk_publishing_components/components/heading", {
     text: title,
     heading_level: 2,
diff --git a/app/views/components/_result-item.html.erb b/app/views/components/_result-item.html.erb
index e2a3d5c7590..547594024ff 100644
--- a/app/views/components/_result-item.html.erb
+++ b/app/views/components/_result-item.html.erb
@@ -1,3 +1,6 @@
+<%= debug(@individual_stylesheets) %>
+<% @individual_stylesheets.add_component("result-item") %>
+
 <%
   title ||= nil
   url ||= nil
diff --git a/app/views/components/_result-sections.html.erb b/app/views/components/_result-sections.html.erb
index 8cabcaa7472..cddb42059d9 100644
--- a/app/views/components/_result-sections.html.erb
+++ b/app/views/components/_result-sections.html.erb
@@ -1,3 +1,5 @@
+<% @individual_stylesheets.add_component("result-sections") %>
+
 <%
   highlighted ||= true
   group_index ||= 1
diff --git a/app/views/components/check_uk_visa/_result-card.html.erb b/app/views/components/check_uk_visa/_result-card.html.erb
index dc5d3a0f061..fe5c936c2b4 100644
--- a/app/views/components/check_uk_visa/_result-card.html.erb
+++ b/app/views/components/check_uk_visa/_result-card.html.erb
@@ -1,3 +1,6 @@
+<%= debug(@individual_stylesheets) %>
+<% @individual_stylesheets.add_component("result-card") %>
+
 <%
   type ||= nil
   title ||= nil