tab region overflow fix

dashboard/src/components/TabRegion.tsx

@@ -11,7 +11,6 @@ type PropsType = {
   defaultTab?: string,
   addendum?: any,
   color?: string | null,
-  overflowY?: string,
 };
 
 type StateType = {
@@ -64,7 +63,7 @@ export default class TabRegion extends Component<PropsType, StateType> {
 
   render() {
     return (
-      <StyledTabRegion overflowY={this.props.overflowY}>
+      <StyledTabRegion>
         {this.renderContents()}
       </StyledTabRegion>
     );
@@ -99,9 +98,9 @@ const Gap = styled.div`
   height: 30px;
 `;
 
-const StyledTabRegion = styled.div<{ overflowY: string }>`
+const StyledTabRegion = styled.div`
   width: 100%;
   height: 100%;
   position: relative;
-  overflow-y: ${props => props.overflowY};
+  overflow-y: auto;
 `;

dashboard/src/main/home/cluster-dashboard/expanded-chart/status/Logs.tsx

@@ -186,6 +186,7 @@ const LogStream = styled.div`
   background: #202227;
   user-select: text;
   max-width: 65%;
+  overflow-y: auto;
   overflow-wrap: break-word; 
 `;
 

dashboard/src/main/home/project-settings/ProjectSettings.tsx

@@ -63,7 +63,6 @@ export default class ProjectSettings extends Component<PropsType, StateType> {
           <Title>Project Settings</Title>
         </TitleSection>
         <TabRegion
-          overflowY='visible'
           currentTab={this.state.currentTab}
           setCurrentTab={(x: string) => this.setState({ currentTab: x })}
           options={tabOptions}