diff --git a/modules/completion/helm/config.el b/modules/completion/helm/config.el
index cbb8e01ed..05184198c 100644
--- a/modules/completion/helm/config.el
+++ b/modules/completion/helm/config.el
@@ -163,11 +163,6 @@ be negative.")
 (setq helm-bookmark-show-location t)
 
 
-;; `helm-css-scss' -- https://github.com/ShingoFukuyama/helm-css-scss
-(setq helm-css-scss-split-direction #'split-window-vertically
-      helm-css-scss-split-with-multiple-windows t)
-
-
 ;; `helm-files'
 (after! helm-files
   (setq helm-boring-file-regexp-list
diff --git a/modules/completion/helm/packages.el b/modules/completion/helm/packages.el
index 746135f85..1e8d9d178 100644
--- a/modules/completion/helm/packages.el
+++ b/modules/completion/helm/packages.el
@@ -5,7 +5,6 @@
 (package! helm-ag)
 (package! helm-c-yasnippet)
 (package! helm-company)
-(package! helm-css-scss)
 (package! helm-describe-modes :recipe (:fetcher github :repo "emacs-helm/helm-describe-modes"))
 (package! helm-projectile)
 (package! swiper-helm)
diff --git a/modules/lang/web/+css.el b/modules/lang/web/+css.el
index d68fed0a8..655d7a4b3 100644
--- a/modules/lang/web/+css.el
+++ b/modules/lang/web/+css.el
@@ -31,6 +31,17 @@
         :localleader :n ";" #'counsel-css))
 
 
+(def-package! helm-css-scss
+  :when (featurep! :completion helm)
+  :defer t
+  :init
+  (map! :map* (css-mode-map scss-mode-map less-css-mode-map)
+        :localleader :n ";" #'helm-css-scss)
+  :config
+  (setq helm-css-scss-split-direction #'split-window-vertically
+        helm-css-scss-split-with-multiple-windows t))
+
+
 (def-package! css-mode ; built-in
   :defer t
   :config
diff --git a/modules/lang/web/packages.el b/modules/lang/web/packages.el
index bbfcbfd3b..84dd794cf 100644
--- a/modules/lang/web/packages.el
+++ b/modules/lang/web/packages.el
@@ -6,6 +6,8 @@
 (package! rainbow-mode)
 (when (featurep! :completion ivy)
   (package! counsel-css))
+(when (featurep! :completion helm)
+  (package! helm-css-scss))
 
 ;; +html.el
 (package! emmet-mode)