diff --git a/component-catalog/elm.json b/component-catalog/elm.json
index 8c8d0d8c..3df91274 100644
--- a/component-catalog/elm.json
+++ b/component-catalog/elm.json
@@ -28,10 +28,10 @@
             "elm-community/string-extra": "4.0.1",
             "myrho/elm-round": "1.0.5",
             "pablohirafuji/elm-markdown": "2.0.5",
-            "rtfeldman/elm-css": "17.1.1",
+            "rtfeldman/elm-css": "18.0.0",
             "rtfeldman/elm-iso8601-date-strings": "1.1.4",
-            "rtfeldman/elm-sorter-experiment": "2.1.1",
-            "tesk9/accessible-html-with-css": "4.1.0",
+            "rtfeldman/elm-sorter-experiment": "2.1.2",
+            "tesk9/accessible-html-with-css": "5.1.0",
             "tesk9/palette": "3.0.1",
             "wernerdegroot/listzipper": "4.0.0"
         },
@@ -48,9 +48,9 @@
     },
     "test-dependencies": {
         "direct": {
-            "avh4/elm-program-test": "3.8.0",
-            "elm-explorations/test": "1.2.2",
-            "tesk9/accessible-html": "5.3.0"
+            "avh4/elm-program-test": "4.0.0",
+            "elm-explorations/test": "2.1.1",
+            "tesk9/accessible-html": "6.1.0"
         },
         "indirect": {
             "avh4/elm-fifo": "1.0.4",
diff --git a/component-catalog/src/Examples/Highlighter.elm b/component-catalog/src/Examples/Highlighter.elm
index 824be47b..3bf088ae 100644
--- a/component-catalog/src/Examples/Highlighter.elm
+++ b/component-catalog/src/Examples/Highlighter.elm
@@ -50,7 +50,7 @@ example =
     , update = update
     , subscriptions = \_ -> Sub.map HighlighterMsg subscriptions
     , preview =
-        [ div [ css [ Fonts.baseFont, Css.lineHeight (Css.int 2), Css.Global.children [ Css.Global.p [ Css.margin Css.zero ] ] ] ]
+        [ div [ css [ Fonts.baseFont, Css.lineHeight (Css.num 2), Css.Global.children [ Css.Global.p [ Css.margin Css.zero ] ] ] ]
             [ Highlighter.static
                 { id = "highlight-preview"
                 , highlightables =