Code and line number placement not in same place

[mebishalnapit]

When the user inserts the code via the Insert Code button then, the inserted code and the respective line numbers where the code resides does not align properly.

To Reproduce

Steps to reproduce the behavior:

1. Go to AnsPress -> Settings
2. Click on Features
3. Enable Syntax Highlighter feature if not already enabled
4. Visit the Ask a Question page from the front end
5. Create a new question via inserting any code inside the question description by using the Insert Code button
6. Check the rendered added code via the Insert Code button on question description after the question creation is completed and redirected successfully

Expected behavior

The inserted code and the line number of the code should be aligned properly.

Screenshots

Desktop

• OS: Linux
• Browser: Chrome, Firefox
• Version: 3.2.0