diff --git a/app/assets/stylesheets/govuk_publishing_components/components/_organisation-logo.scss b/app/assets/stylesheets/govuk_publishing_components/components/_organisation-logo.scss
index 607b564c86..30a6056e27 100644
--- a/app/assets/stylesheets/govuk_publishing_components/components/_organisation-logo.scss
+++ b/app/assets/stylesheets/govuk_publishing_components/components/_organisation-logo.scss
@@ -88,7 +88,7 @@
@include govuk-link-style-inverse;
}
- .gem-c-organisation-logo__crest--eo {
+ .gem-c-organisation-logo__crest {
filter: brightness(0) invert(1);
&:focus {
diff --git a/app/views/govuk_publishing_components/components/docs/organisation_logo.yml b/app/views/govuk_publishing_components/components/docs/organisation_logo.yml
index 0b4bf4618b..f30c48ae06 100644
--- a/app/views/govuk_publishing_components/components/docs/organisation_logo.yml
+++ b/app/views/govuk_publishing_components/components/docs/organisation_logo.yml
@@ -75,7 +75,7 @@ examples:
name: "Prime Minister's Office,
10 Downing Street"
url: '/government/organisations/prime-ministers-office-10-downing-street'
brand: 'prime-ministers-office-10-downing-street'
- crest: 'no10'
+ crest: 'eo'
office_of_the_advocate_general_for_scotland:
data:
organisation:
@@ -188,7 +188,7 @@ examples:
name: "Prime Minister's Office,
10 Downing Street"
url: '/government/organisations/prime-ministers-office-10-downing-street'
brand: 'prime-ministers-office-10-downing-street'
- crest: 'no10'
+ crest: 'eo'
inverse: true
context:
dark_background: true
diff --git a/spec/components/organisation_logo_spec.rb b/spec/components/organisation_logo_spec.rb
index 0e360bcc2e..71ce64dfa7 100644
--- a/spec/components/organisation_logo_spec.rb
+++ b/spec/components/organisation_logo_spec.rb
@@ -76,4 +76,10 @@ def component_name
render_component(organisation: { name: "Name", url: "/some-link" }, inverse: true)
assert_select ".gem-c-organisation-logo.gem-c-organisation-logo--inverse"
end
+
+ it "does not add the --inverse modifier when the inverse option is omitted" do
+ render_component(organisation: { name: "Name", url: "/some-link" })
+ assert_select ".gem-c-organisation-logo.gem-c-organisation-logo"
+ assert_select ".gem-c-organisation-logo.gem-c-organisation-logo--inverse", false
+ end
end