diff --git a/tbx/project_styleguide/templates/patterns/styleguide/components/components.html b/tbx/project_styleguide/templates/patterns/styleguide/components/components.html
index 485b3390c..9ecb880e2 100644
--- a/tbx/project_styleguide/templates/patterns/styleguide/components/components.html
+++ b/tbx/project_styleguide/templates/patterns/styleguide/components/components.html
@@ -199,6 +199,11 @@
Table block
{% include "patterns/molecules/streamfield/blocks/typed_table_block.html" %}
+
+
Link columns block
+ {% include "patterns/molecules/streamfield/blocks/link_columns_block.html" %}
+
+
Division signpost block
{% include "patterns/molecules/streamfield/blocks/division_signpost_block.html" %}
diff --git a/tbx/static_src/sass/components/_link-columns.scss b/tbx/static_src/sass/components/_link-columns.scss
index 39c585eee..ad0bee5df 100644
--- a/tbx/static_src/sass/components/_link-columns.scss
+++ b/tbx/static_src/sass/components/_link-columns.scss
@@ -29,13 +29,18 @@
color: var(--color--white);
&:hover {
+ transition: color $transition-quick;
color: var(--color--theme-primary);
+
+ @include reduced-motion() {
+ transition: none;
+ }
}
}
&__arrow {
@include arrow-link-icon-styles(
- $width: 22px,
+ $width: 18px,
$interaction-color: var(--color--theme-primary)
);
color: var(--color--theme-primary);