From f8e1c00b7ee2f637b426302e1ff3ca6f761c0bc1 Mon Sep 17 00:00:00 2001
From: Neha Gokhale <neha.gokhale@ibm.com>
Date: Mon, 16 Oct 2023 13:59:09 -0700
Subject: [PATCH] Use CSS variable in height calculation

Signed-off-by: Neha Gokhale <neha.gokhale@ibm.com>
---
 .../src/notification-panel/notification-panel.scss              | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/canvas_modules/common-canvas/src/notification-panel/notification-panel.scss b/canvas_modules/common-canvas/src/notification-panel/notification-panel.scss
index aa7c94cecd..ab4b062922 100644
--- a/canvas_modules/common-canvas/src/notification-panel/notification-panel.scss
+++ b/canvas_modules/common-canvas/src/notification-panel/notification-panel.scss
@@ -86,7 +86,7 @@ $toolbar-button-height: 41px; // Allow one extra pixel for the toolbar border
 
 .notification-panel-messages-container {
 	width: inherit;
-	max-height: calc(100% - #{$notification-panel-header-height} - 10px); // Extra 10px makes sure full height of notification-panel-button-container is visible in narrow window
+	max-height: calc(100% - #{$notification-panel-header-height} - #{$notification-panel-subtitle-height});
 	height: 100%;
 }
 .notification-panel-messages {