Removing inline style

Author: elizabetdev

src/legacy/core_plugins/kibana/public/management/sections/index_patterns/empty_index_pattern_prompt/_empty_index_pattern_prompt.scss

@@ -7,6 +7,11 @@
   @extend %inp-empty-state-footer;
 }
 
+.inpEmptyIndexPatternPrompt__title {
+  // override EUI specificity
+  width: auto !important; // sass-lint:disable-line no-important
+}
+
 @include euiBreakpoint('xs', 's') {
   .inpEmptyIndexPatternPrompt__illustration > svg {
     width: $euiSize * 12;

src/legacy/core_plugins/kibana/public/management/sections/index_patterns/empty_index_pattern_prompt/empty_index_pattern_prompt.tsx

@@ -80,7 +80,7 @@ export const EmptyIndexPatternPrompt: FunctionComponent<Props> = ({
       </EuiFlexGroup>
       <EuiSpacer size="xxl" />
       <EuiDescriptionList className="inpEmptyIndexPatternPrompt__footer" type="responsiveColumn">
-        <EuiDescriptionListTitle style={{ width: 'auto' }}>
+        <EuiDescriptionListTitle className="inpEmptyIndexPatternPrompt__title">
           <FormattedMessage
             id="kbn.management.emptyIndexPatternPrompt.learnMore"
             defaultMessage="Want to learn more?"