diff --git a/src/client/components/forms/field-types/Relationship/index.js b/src/client/components/forms/field-types/Relationship/index.js
index 2e7e683499..1f490e8999 100644
--- a/src/client/components/forms/field-types/Relationship/index.js
+++ b/src/client/components/forms/field-types/Relationship/index.js
@@ -269,14 +269,14 @@ const RelationshipFieldType = (props) => {
 
   useEffect(() => {
     const formatDefaultValue = (valueToFormat) => {
-      let incomingRelatedDocument = valueToFormat;
-
       if (hasMultipleRelations) {
-        incomingRelatedDocument = valueToFormat.value
-        return incomingRelatedDocument.id;
+        return {
+          ...valueToFormat,
+          value: valueToFormat.value.id
+        };
       }
 
-      return incomingRelatedDocument.id;
+      return valueToFormat.id;
     }
 
     if (defaultValue) {
diff --git a/src/client/scss/vars.scss b/src/client/scss/vars.scss
index 13aa1e190e..10071ba346 100644
--- a/src/client/scss/vars.scss
+++ b/src/client/scss/vars.scss
@@ -68,14 +68,14 @@ $stroke-width : 1px;
 %inputShadow {
   @extend %shadow-sm;
 
-	&:hover {
-		box-shadow: 0 2px 4px 0 rgba(0,2,4,.1),
-					0 5px 20px 0 rgba(0,2,4,.06);
+  &:hover {
+		box-shadow: 0 2px 4px 0 rgba(0,2,4,.1), 0 5px 20px 0 rgba(0,2,4,.06);
 	}
 
 	&:active, &:focus {
-		@extend %inputShadowActive;
-	}
+    box-shadow: 0 2px 4px 0 rgba(0,2,4,.1),
+      0 10px 20px 0 rgba(0,2,4,.08);
+  }
 }
 
 //////////////////////////////