fix(console): revert the custom jwt forms overflow hidden (#5573)

revert the custom jwt forms overflow hidden styles

packages/console/src/pages/JwtClaims/SettingsSection/TestTab.tsx

@@ -155,9 +155,7 @@ function TestTab({ isActive }: Props) {
 
   return (
     <div className={classNames(styles.tabContent, isActive && styles.active)}>
-      <Card
+      <Card className={classNames(styles.card, styles.flexGrow, styles.flexColumn)}>
-        className={classNames(styles.card, styles.flexGrow, styles.flexColumn, styles.fixHeight)}
-      >
         <div className={styles.headerRow}>
           <div className={styles.cardHeader}>
             <div className={styles.cardTitle}>{t('tester.title')}</div>

packages/console/src/pages/JwtClaims/SettingsSection/index.module.scss

@@ -37,8 +37,6 @@
 
 .tabContent {
   display: none;
-  // restrict the height of the tab content to the height of the container
-  overflow: hidden;
 
   &.active {
     flex: 1;
@@ -87,14 +85,6 @@
     }
   }
 
-  &.fixHeight {
-    overflow: hidden;
-
-    .cardContent {
-      overflow: hidden;
-    }
-  }
-
   .expandButton {
     width: 24px;
     height: 24px;

packages/console/src/pages/JwtClaims/index.module.scss

@@ -19,16 +19,11 @@
   display: flex;
   flex-direction: row;
   flex-grow: 1;
-  // restrict the height of the tab content to the height of the container
-  overflow: hidden;
 
   > * {
     flex: 1;
     margin-bottom: _.unit(6);
 
-    // restrict the height of the tab content to the height of the container
-    overflow: hidden;
-
     &:first-child {
       margin-right: _.unit(3);
     }