diff --git a/alfa-client/libs/ui/src/lib/ui/subnavigation/subnavigation.component.scss b/alfa-client/libs/ui/src/lib/ui/subnavigation/subnavigation.component.scss
index d7d4b646e98603765a3d1d6c673a7ca3ebb4f6a7..8b0ddf04c2f9ea722d7eb1bedaa6bd8e7adfb87e 100644
--- a/alfa-client/libs/ui/src/lib/ui/subnavigation/subnavigation.component.scss
+++ b/alfa-client/libs/ui/src/lib/ui/subnavigation/subnavigation.component.scss
@@ -24,19 +24,12 @@
 @import 'variables';
 
 :host {
-  position: sticky;
+  @apply flex h-12 w-full items-center justify-start pb-1 pl-4 pr-3 pt-1 sm:sticky;
   top: $header-height;
-  height: 48px;
-  width: 100%;
   z-index: 2;
   box-shadow: $shadow-bottom;
-  display: flex;
-  justify-content: flex-start;
-  align-items: center;
-  padding: 0.25rem 0.75rem 0.25rem 1rem;
 
   &.shadow {
-    //overflow-x: hidden;
     box-shadow:
       $shadow-bottom,
       0 2px 2px -2px rgba(#000, 0.16);