diff --git a/packages/callhierarchy/src/browser/callhierarchy-tree/callhierarchy-tree-widget.tsx b/packages/callhierarchy/src/browser/callhierarchy-tree/callhierarchy-tree-widget.tsx
index a40e992cb2026..0bd8a540a0eb5 100644
--- a/packages/callhierarchy/src/browser/callhierarchy-tree/callhierarchy-tree-widget.tsx
+++ b/packages/callhierarchy/src/browser/callhierarchy-tree/callhierarchy-tree-widget.tsx
@@ -82,7 +82,7 @@ export class CallHierarchyTreeWidget extends TreeWidget {
 
     protected renderTree(model: TreeModel): React.ReactNode {
         return super.renderTree(model)
-            || <div className='noCallers'>No callers have been detected.</div>;
+            || <div className='theia-widget-noInfo'>No callers have been detected.</div>;
     }
 
     protected renderCaption(node: TreeNode, props: NodeProps): React.ReactNode {
diff --git a/packages/callhierarchy/src/browser/style/index.css b/packages/callhierarchy/src/browser/style/index.css
index d82492f8926db..c1076fd7b9fd5 100644
--- a/packages/callhierarchy/src/browser/style/index.css
+++ b/packages/callhierarchy/src/browser/style/index.css
@@ -28,10 +28,6 @@
     padding-right: 4px;
 }
 
-.theia-CallHierarchyTree .noCallers {
-    margin: 5px 19px;
-}
-
 .theia-CallHierarchyTree .definitionNode {
     display: flex;
 }
diff --git a/packages/core/src/browser/style/index.css b/packages/core/src/browser/style/index.css
index 08b9dd55182e3..1f97cb15a6a20 100644
--- a/packages/core/src/browser/style/index.css
+++ b/packages/core/src/browser/style/index.css
@@ -196,3 +196,4 @@ textarea {
 @import './notification.css';
 @import './alert-messages.css';
 @import './icons.css';
+@import './widget.css';
diff --git a/packages/core/src/browser/style/widget.css b/packages/core/src/browser/style/widget.css
new file mode 100644
index 0000000000000..d9c188b8759d9
--- /dev/null
+++ b/packages/core/src/browser/style/widget.css
@@ -0,0 +1,19 @@
+/********************************************************************************
+ * Copyright (C) 2019 Ericsson and others.
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the Eclipse Public License v. 2.0 which is available at
+ * http://www.eclipse.org/legal/epl-2.0.
+ *
+ * This Source Code may also be made available under the following Secondary
+ * Licenses when the conditions for such availability set forth in the Eclipse
+ * Public License v. 2.0 are satisfied: GNU General Public License, version 2
+ * with the GNU Classpath Exception which is available at
+ * https://www.gnu.org/software/classpath/license.html.
+ *
+ * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
+ ********************************************************************************/
+
+.theia-widget-noInfo {
+    padding: calc(var(--theia-ui-padding) * 2);
+}
diff --git a/packages/markers/src/browser/problem/problem-widget.tsx b/packages/markers/src/browser/problem/problem-widget.tsx
index 13cd6c4032ac0..04d42a09c4987 100644
--- a/packages/markers/src/browser/problem/problem-widget.tsx
+++ b/packages/markers/src/browser/problem/problem-widget.tsx
@@ -96,7 +96,7 @@ export class ProblemWidget extends TreeWidget {
         if (MarkerRootNode.is(model.root) && model.root.children.length > 0) {
             return super.renderTree(model);
         }
-        return <div className='noMarkers'>No problems have been detected in the workspace so far.</div>;
+        return <div className='theia-widget-noInfo noMarkers'>No problems have been detected in the workspace so far.</div>;
     }
 
     protected renderCaption(node: TreeNode, props: NodeProps): React.ReactNode {
diff --git a/packages/markers/src/browser/style/index.css b/packages/markers/src/browser/style/index.css
index 2c6db14f720bd..62947eb4d7cd5 100644
--- a/packages/markers/src/browser/style/index.css
+++ b/packages/markers/src/browser/style/index.css
@@ -19,10 +19,6 @@
     color: var(--theia-ui-font-color1);
 }
 
-.theia-marker-container .noMarkers {
-    padding: 5px;
-}
-
 .theia-side-panel .theia-marker-container .noMarkers {
     padding-left: 19px;
 }
diff --git a/packages/outline-view/src/browser/outline-view-widget.tsx b/packages/outline-view/src/browser/outline-view-widget.tsx
index e1b1ac8bbf472..5a98613e91c41 100644
--- a/packages/outline-view/src/browser/outline-view-widget.tsx
+++ b/packages/outline-view/src/browser/outline-view-widget.tsx
@@ -126,7 +126,7 @@ export class OutlineViewWidget extends TreeWidget {
 
     protected renderTree(model: TreeModel): React.ReactNode {
         if (CompositeTreeNode.is(this.model.root) && !this.model.root.children.length) {
-            return <div className='no-outline'>No outline information available.</div>;
+            return <div className='theia-widget-noInfo no-outline'>No outline information available.</div>;
         }
         return super.renderTree(model);
     }
diff --git a/packages/outline-view/src/browser/styles/index.css b/packages/outline-view/src/browser/styles/index.css
index 241cb2111bc72..70b3df708a1ad 100644
--- a/packages/outline-view/src/browser/styles/index.css
+++ b/packages/outline-view/src/browser/styles/index.css
@@ -20,7 +20,6 @@
 
 .no-outline {
     color: var(--theia-ui-font-color0);
-    padding: 10px;
     text-align: left;
 }