1 files changed, 10 insertions, 3 deletions
diff --git a/src/client/views/nodes/formattedText/DashFieldView.scss b/src/client/views/nodes/formattedText/DashFieldView.scss
index 78bbb520e..3734ad9cc 100644
--- a/src/client/views/nodes/formattedText/DashFieldView.scss
+++ b/src/client/views/nodes/formattedText/DashFieldView.scss
@@ -3,7 +3,7 @@
 .dashFieldView-active,
 .dashFieldView {
     position: relative;
-    display: inline-flex;
+    display: contents;
     align-items: center;
 
     .dashFieldView-enumerables {
@@ -26,6 +26,7 @@
         display: inline-block;
         font-weight: normal;
         background: rgba(0, 0, 0, 0.1);
+        align-content: center;
         cursor: default;
     }
     .dashFieldView-fieldSpan {
@@ -33,12 +34,18 @@
         margin-left: 2px;
         margin-right: 5px;
         padding-left: 2px;
-        display: inline-block;
-        background-color: rgba(155, 155, 155, 0.24);
+        font-size: smaller;
+        display: contents;
+        > div {
+            background-color: rgba(155, 155, 155, 0.24);
+        }
         span {
             user-select: all;
             min-width: 100%;
             display: inline-block;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            max-width: 100%;
         }
     }
 }