Fix bug with credential plugin code editor width

awx/ui_next/src/screens/Credential/CredentialDetail/CredentialDetail.jsx

@@ -23,7 +23,7 @@ import { Credential } from '../../../types';
 import useRequest, { useDismissableError } from '../../../util/useRequest';
 import { relatedResourceDeleteRequests } from '../../../util/getRelatedResourceDeleteDetails';
 
-const PluginInputMetadata = styled(CodeEditor)`
+const PluginInputMetadata = styled.div`
   grid-column: 1 / -1;
 `;
 
@@ -117,7 +117,8 @@ function CredentialDetail({ credential }) {
               </ChipGroup>
             }
           />
-          <PluginInputMetadata
+          <PluginInputMetadata>
+            <CodeEditor
               dataCy={`credential-${id}-detail`}
               id={`credential-${id}-metadata`}
               mode="javascript"
@@ -127,6 +128,7 @@ function CredentialDetail({ credential }) {
               rows={5}
               hasErrors={false}
             />
+          </PluginInputMetadata>
         </Fragment>
       );
     }