diff --git a/x-pack/plugins/grokdebugger/public/components/grok_debugger/grok_debugger.js b/x-pack/plugins/grokdebugger/public/components/grok_debugger/grok_debugger.js
index 2e3af78dd1fb7..cfae6749879f3 100644
--- a/x-pack/plugins/grokdebugger/public/components/grok_debugger/grok_debugger.js
+++ b/x-pack/plugins/grokdebugger/public/components/grok_debugger/grok_debugger.js
@@ -118,7 +118,7 @@ export class GrokDebuggerComponent extends React.Component {
     return (
       <EuiPage>
         <EuiPageBody>
-          <EuiPageSection color="plain">
+          <EuiPageSection grow={true} color="plain">
             <EuiForm className="grokdebugger-container" data-test-subj="grokDebuggerContainer">
               <EventInput value={this.state.rawEvent} onChange={this.onRawEventChange} />
               <PatternInput value={this.state.pattern} onChange={this.onPatternChange} />