diff --git a/b2share/modules/schemas/validate.py b/b2share/modules/schemas/validate.py
index 5cde8499f9..000dda1b66 100644
--- a/b2share/modules/schemas/validate.py
+++ b/b2share/modules/schemas/validate.py
@@ -54,6 +54,7 @@
                     # the properties which are defined must have this structure
                     "title": {"type": "string"},
                     "description": {"type": "string"},
+                    "unit": {"type": "string"},
                     "type": {
                         "enum": ["boolean", "integer", "number", "string", "array"]
                     },
diff --git a/webui/app/css/app.css b/webui/app/css/app.css
index 8cc7b8ab3c..e52be1c1c0 100644
--- a/webui/app/css/app.css
+++ b/webui/app/css/app.css
@@ -807,10 +807,22 @@ a.navbar-brand {
   color: #333;
 }
 
+.schema-field {
+  font-weight: bold;
+}
+
+.schema-field span:nth-child(2) {
+  color: grey;
+}
+
 .required.property {
   color: #F45D00;
 }
 
+.required.property span:nth-child(2) {
+  color: #FF9D63;
+}
+
 /*****************************************************************************/
 /* help and about pages */
 
diff --git a/webui/src/components/editrecord.jsx b/webui/src/components/editrecord.jsx
index 2a024b6b18..f6f6de4136 100644
--- a/webui/src/components/editrecord.jsx
+++ b/webui/src/components/editrecord.jsx
@@ -384,8 +384,16 @@ const EditRecord = React.createClass({
                 <div key={id} style={{marginBottom:'0.5em'}} title={schema.get('description')}>
                     {!title ? false :
                         <label htmlFor={id} className="col-sm-3 control-label" style={{fontWeight:'bold'}}>
-                            <span style={{float:'right', color:isError?'red':'black'}}>
-                                {title} {schema.get('isRequired') ? "*":""}
+                            <span style={{float:'right'}}>
+                                <span style={{color:isError?'red':'black'}}>
+                                    {title}
+                                </span>
+                                <span>
+                                    {schema.get('unit') ? <span style={{color: 'grey'}}>&nbsp;{'(' + schema.get('unit') + ')'}</span> : false }
+                                </span>
+                                <span>
+                                    &nbsp;{schema.get('isRequired') ? "*" : ""}
+                                </span>
                             </span>
                         </label> }
                     <div className={title ? "col-sm-9":"col-sm-12"} style={arrstyle} onFocus={onfocus} onBlur={onblur}>
diff --git a/webui/src/components/record.jsx b/webui/src/components/record.jsx
index f6543cd673..9f912afc39 100644
--- a/webui/src/components/record.jsx
+++ b/webui/src/components/record.jsx
@@ -445,7 +445,9 @@ const Record = React.createClass({
                 }
                 <div className={
                     (title ? "col-sm-8" : "col-sm-12") + " " + (type === 'object' ? "metadata-object" : "metadata")}>
-                     {inner} </div>
+                     {inner}
+                     {schema.get('unit') ? <span style={{color: 'grey'}}>  { schema.get('unit') } </span> : false }
+                </div>
             </li>
         );
     },
diff --git a/webui/src/components/schema.jsx b/webui/src/components/schema.jsx
index 09cbc13446..4dc86d3254 100644
--- a/webui/src/components/schema.jsx
+++ b/webui/src/components/schema.jsx
@@ -37,7 +37,7 @@ export const Schema = React.createClass({
     mixins: [React.addons.PureRenderMixin],
 
     renderSchema([id, schema]) {
-        const requiredClass = schema.get('isRequired') ? "required property":"";
+        const requiredClass = schema.get('isRequired') ? "required property" : "";
 
         const type = schema.get('type');
         const title = schema.get('title');
@@ -67,23 +67,21 @@ export const Schema = React.createClass({
             inner = <span className="mono-style">{inner}</span>
         }
 
-        const leftcolumn = !id ? false :
-            <div className="col-sm-6">
-                <p className={requiredClass}>
-                    <span className="bold">{title}</span>
-                    <span className="mono-style">
-                        {title?" :: ":""}
-                        {id}
-                        {schema.get('isRequired') ? " (required)":false}
-                    </span>
-                </p>
-                <p> {schema.get('description')} </p>
-            </div>;
-        const rightcolumnsize = leftcolumn ? "col-sm-6" : "col-sm-12";
         return (
             <li key={id} className="row field-general">
-                {leftcolumn}
-                <div className={rightcolumnsize}> {inner} </div>
+                <div className="col-sm-6">
+                    <p className={"schema-field " + requiredClass}>
+                        <span>{title}</span>
+                        <span>{schema.get('unit') ? ' (' + schema.get('unit') + ')' : false }</span>
+                        <span className="mono-style">
+                            {title ? " :: " : ""}
+                            {id}
+                            {schema.get('isRequired') ? " (required)" : false}
+                        </span>
+                    </p>
+                    <p> {schema.get('description')} </p>
+                </div>
+                <div className="col-sm-6"> {inner} </div>
             </li>
         );
     },