From f0412fda25267a7ba689d4886f590601422cb5c6 Mon Sep 17 00:00:00 2001
From: Jenny <32821331+jenny-s51@users.noreply.github.com>
Date: Tue, 20 Jul 2021 14:53:36 -0400
Subject: [PATCH] fix css in sessions tab toolbar (#886)

---
 src/sessions/SessionsSection.css | 5 +++--
 src/sessions/SessionsSection.tsx | 3 +--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/sessions/SessionsSection.css b/src/sessions/SessionsSection.css
index e0d670decb..b5eb58e040 100644
--- a/src/sessions/SessionsSection.css
+++ b/src/sessions/SessionsSection.css
@@ -1,3 +1,4 @@
-.filter-session-type-select {
+.kc-filter-session-type-select {
   margin-right: 10px;
-}
\ No newline at end of file
+  width: 300px;
+}
diff --git a/src/sessions/SessionsSection.tsx b/src/sessions/SessionsSection.tsx
index f0cd2e74e3..5eee4d7732 100644
--- a/src/sessions/SessionsSection.tsx
+++ b/src/sessions/SessionsSection.tsx
@@ -74,10 +74,9 @@ export const SessionsSection = () => {
           searchPlaceholderKey="sessions:searchForSession"
           searchTypeComponent={
             <Select
-              width={200}
               data-testid="filter-session-type-select"
               isOpen={filterDropdownOpen}
-              className="filter-session-type-select"
+              className="kc-filter-session-type-select"
               variant={SelectVariant.single}
               onToggle={(isExpanded) => setFilterDropdownOpen(isExpanded)}
               toggleIcon={<FilterIcon />}