diff --git a/frontend/src/app/main/ui/ds/notifications/shared/notification_pill.cljs b/frontend/src/app/main/ui/ds/notifications/shared/notification_pill.cljs
index f4bacee8ec..000653f026 100644
--- a/frontend/src/app/main/ui/ds/notifications/shared/notification_pill.cljs
+++ b/frontend/src/app/main/ui/ds/notifications/shared/notification_pill.cljs
@@ -37,9 +37,9 @@
   {::mf/props :obj
    ::mf/schema schema:notification-pill}
   [{:keys [level type is-html appearance detail children show-detail on-toggle-detail]}]
-  (let [class (stl/css-case :notification-pill true
-                            :appearance-neutral (= appearance :neutral)
+  (let [class (stl/css-case :appearance-neutral (= appearance :neutral)
                             :appearance-ghost (= appearance :ghost)
+                            :with-detail detail
                             :type-toast (= type :toast)
                             :type-context (= type :context)
                             :level-default  (= level :default)
diff --git a/frontend/src/app/main/ui/ds/notifications/shared/notification_pill.scss b/frontend/src/app/main/ui/ds/notifications/shared/notification_pill.scss
index febab627b0..9216f12858 100644
--- a/frontend/src/app/main/ui/ds/notifications/shared/notification_pill.scss
+++ b/frontend/src/app/main/ui/ds/notifications/shared/notification_pill.scss
@@ -88,6 +88,9 @@
   display: grid;
   max-height: 92vh;
   overflow: hidden;
+}
+
+.with-detail {
   grid-template-rows: auto 1fr;
 }