diff --git a/app/assets/stylesheets/layout.scss b/app/assets/stylesheets/layout.scss
index 0db486257..72a668f64 100644
--- a/app/assets/stylesheets/layout.scss
+++ b/app/assets/stylesheets/layout.scss
@@ -2467,6 +2467,10 @@ table {
   @include breakpoint(medium) {
     float: right;
   }
+
+  &[aria-expanded="false"] + form {
+    display: none;
+  }
 }
 
 .related-content-list {
diff --git a/app/views/relationable/_form.html.erb b/app/views/relationable/_form.html.erb
index 2f8a15a7f..b0ec72f08 100644
--- a/app/views/relationable/_form.html.erb
+++ b/app/views/relationable/_form.html.erb
@@ -2,7 +2,7 @@
   <%= t("related_content.add") %>
 </button>
 
-<%= form_tag related_contents_path, method: :post, id: "related_content", class: "hide", "data-toggler": ".hide" do %>
+<%= form_tag related_contents_path, method: :post, id: "related_content", "data-toggler": "unused-toggle-class" do %>
   <label><%= t("related_content.label") %></label>
 
   <p class="help-text" id="related_content_help_text">
diff --git a/spec/shared/system/relationable.rb b/spec/shared/system/relationable.rb
index 1986fc4f1..91204081a 100644
--- a/spec/shared/system/relationable.rb
+++ b/spec/shared/system/relationable.rb
@@ -29,9 +29,12 @@ shared_examples "relationable" do |relationable_model_name|
     visit relationable.url
 
     expect(page).not_to have_css "#related_content"
+    expect(page).to have_css ".add-related-content[aria-expanded='false']"
 
     click_button "Add related content"
 
+    expect(page).to have_css ".add-related-content[aria-expanded='true']"
+
     within("#related_content") do
       fill_in "url", with: "#{url + related1.url}"
       click_button "Add"