diff --git a/packages/entity/src/behavior-components/expression/invocation.jsx b/packages/entity/src/behavior-components/expression/invocation.jsx
index e44ec4a..d292a8b 100644
--- a/packages/entity/src/behavior-components/expression/invocation.jsx
+++ b/packages/entity/src/behavior-components/expression/invocation.jsx
@@ -91,18 +91,20 @@ const Invocation = ({
   }
   return (
     <div className="invocation">
-      <div className="invocation__args-wrapper">
-        {
-          args.map((arg, i) => (
-            <div
-              key={join(path, 'args', i.toString())}
-              className="invocation__arg"
-            >
-              {argComponent(arg, i)}
-            </div>
-          ))
-        }
-      </div>
+      {args.length > 0 && (
+        <div className="invocation__args-wrapper">
+          {
+            args.map((arg, i) => (
+              <div
+                key={join(path, 'args', i.toString())}
+                className="invocation__arg"
+              >
+                {argComponent(arg, i)}
+              </div>
+            ))
+          }
+        </div>
+      )}
     </div>
   );
 };
diff --git a/packages/entity/src/behavior-components/expression/invocation.scss b/packages/entity/src/behavior-components/expression/invocation.scss
index de347e0..13a6775 100644
--- a/packages/entity/src/behavior-components/expression/invocation.scss
+++ b/packages/entity/src/behavior-components/expression/invocation.scss
@@ -1,18 +1,19 @@
 .invocation {
   align-items: center;
-  background-color: rgba(0, 0, 0, 0.1);
   display: flex;
-  margin-left: 1em;
+  margin-left: 0.25em;
   > .expression {
     margin: 0 0.5em;
   }
   &:after {
     color: #00bdd6;
     content: ')';
+    font-size: 1.5em;
   }
   &:before {
     color: #00bdd6;
     content: '(';
+    font-size: 1.5em;
   }
 }
 
@@ -33,7 +34,9 @@
     background-color: rgba(0, 0, 0, 0.1);
   }
   &:after {
+    color: #00bdd6;
     content: ',';
+    font-size: 1.5em;
     position: absolute;
     bottom: 0;
     right: 0;