diff --git a/x-pack/plugins/grokdebugger/public/sections/grokdebugger/directives/grokdebugger/grokdebugger.js b/x-pack/plugins/grokdebugger/public/sections/grokdebugger/directives/grokdebugger/grokdebugger.js
index c9f4dab7dd3c2..c59f1c0ed56e6 100644
--- a/x-pack/plugins/grokdebugger/public/sections/grokdebugger/directives/grokdebugger/grokdebugger.js
+++ b/x-pack/plugins/grokdebugger/public/sections/grokdebugger/directives/grokdebugger/grokdebugger.js
@@ -9,7 +9,6 @@ import 'plugins/grokdebugger/services/grokdebugger';
 import { GrokDebugger } from '../../components/grok_debugger';
 import { render } from 'react-dom';
 import React from 'react';
-import './grokdebugger.less';
 
 const app = uiModules.get('xpack/grokdebugger');
 
diff --git a/x-pack/plugins/grokdebugger/public/sections/grokdebugger/directives/grokdebugger/grokdebugger.less b/x-pack/plugins/grokdebugger/public/sections/grokdebugger/directives/grokdebugger/grokdebugger.less
deleted file mode 100644
index 4425b5e87c35d..0000000000000
--- a/x-pack/plugins/grokdebugger/public/sections/grokdebugger/directives/grokdebugger/grokdebugger.less
+++ /dev/null
@@ -1,26 +0,0 @@
-@import (reference) "~ui/styles/variables";
-@import (reference) "~ui/styles/mixins";
-@import (reference) "~ui/styles/theme";
-
-grokdebugger {
-  .ace_grokStart,
-  .ace_grokEnd,
-  .ace_grokSeparator,
-  .ace_grokEscape {
-    color: #999999; // euiColorMediumShade
-  }
-
-  .ace_grokPatternName {
-    color: #017F75; // euiColorSecondary
-  }
-
-  .ace_grokFieldName,
-  .ace_grokRegex {
-    color: #0079A5; // euiColorPrimary
-  }
-
-  .ace_grokFieldType {
-    color: #0079A5; // euiColorPrimary
-    font-style: italic;
-  }
-}