diff --git a/packages/markers/src/browser/problem/problem-widget.tsx b/packages/markers/src/browser/problem/problem-widget.tsx
index 19a2071c8ca04..bf10b96c515f9 100644
--- a/packages/markers/src/browser/problem/problem-widget.tsx
+++ b/packages/markers/src/browser/problem/problem-widget.tsx
@@ -131,15 +131,13 @@ export class ProblemWidget extends TreeWidget {
                 <div>
                     <i className={severityClass}></i>
                 </div>
-                <div className='owner'>
-                    {'[' + (problemMarker.data.source || problemMarker.owner) + ']'}
-                </div>
                 <div className='message'>{problemMarker.data.message}
-                    {
-                        (problemMarker.data.code) ? <span className='code'>{'[' + problemMarker.data.code + ']'}</span> : ''
-                    }
+                    <span className='owner'>
+                        {(problemMarker.data.source || problemMarker.owner)}
+                        {problemMarker.data.code ? `(${problemMarker.data.code})` : ''}
+                    </span>
                     <span className='position'>
-                        {'(' + (problemMarker.data.range.start.line + 1) + ', ' + (problemMarker.data.range.start.character + 1) + ')'}
+                        {'[' + (problemMarker.data.range.start.line + 1) + ', ' + (problemMarker.data.range.start.character + 1) + ']'}
                     </span>
                 </div>
             </div>;
diff --git a/packages/markers/src/browser/style/index.css b/packages/markers/src/browser/style/index.css
index 0e07a50de5814..d258d87633163 100644
--- a/packages/markers/src/browser/style/index.css
+++ b/packages/markers/src/browser/style/index.css
@@ -69,14 +69,9 @@
 }
 
 .theia-marker-container .markerNode .position,
-.theia-marker-container .markerNode .owner,
-.theia-marker-container .markerNode .code {
+.theia-marker-container .markerNode .owner {
     color: var(--theia-descriptionForeground);
     white-space: nowrap;
-}
-
-.theia-marker-container .markerNode .position,
-.theia-marker-container .markerNode .code {
     margin-left: 5px;
 }