diff --git a/apps/sensenet/src/assets/sensenet_white.png b/apps/sensenet/src/assets/sensenet_white.png
new file mode 100644
index 000000000..5cc1e0f62
Binary files /dev/null and b/apps/sensenet/src/assets/sensenet_white.png differ
diff --git a/apps/sensenet/src/components/appbar/desktop-app-bar.tsx b/apps/sensenet/src/components/appbar/desktop-app-bar.tsx
index 8792ae12f..3d2fb393f 100644
--- a/apps/sensenet/src/components/appbar/desktop-app-bar.tsx
+++ b/apps/sensenet/src/components/appbar/desktop-app-bar.tsx
@@ -4,7 +4,7 @@ import { useRepository } from '@sensenet/hooks-react'
 import { clsx } from 'clsx'
 import React, { useContext } from 'react'
 import { Link } from 'react-router-dom'
-import logo from '../../../../../../sn-client/examples/sn-dms-demo/src/assets/sensenet_white.png'
+import logo from '../../assets/sensenet_white.png'
 import { ResponsivePersonalSettings } from '../../context'
 import { globals, useGlobalStyles } from '../../globalStyles'
 import { CommandPalette } from '../command-palette/CommandPalette'
diff --git a/apps/sensenet/src/components/login/auth-override-skeleton.tsx b/apps/sensenet/src/components/login/auth-override-skeleton.tsx
index dd22110be..f18be1ca8 100644
--- a/apps/sensenet/src/components/login/auth-override-skeleton.tsx
+++ b/apps/sensenet/src/components/login/auth-override-skeleton.tsx
@@ -1,7 +1,7 @@
 import { AppBar, Button, Container, createStyles, makeStyles, Theme, Toolbar, Typography } from '@material-ui/core'
 import React from 'react'
 import { NavLink } from 'react-router-dom'
-import logo from '../../../../../../sn-client/examples/sn-dms-demo/src/assets/sensenet_white.png'
+import logo from '../../assets/sensenet_white.png'
 import { globals, useGlobalStyles } from '../../globalStyles'
 
 const useStyles = makeStyles((theme: Theme) =>
diff --git a/apps/sensenet/src/components/login/login-page.tsx b/apps/sensenet/src/components/login/login-page.tsx
index 96e9f78e8..0baf6d510 100644
--- a/apps/sensenet/src/components/login/login-page.tsx
+++ b/apps/sensenet/src/components/login/login-page.tsx
@@ -16,7 +16,7 @@ import { PathHelper } from '@sensenet/client-utils'
 import { clsx } from 'clsx'
 import React, { useRef } from 'react'
 import { Link } from 'react-router-dom'
-import snLogo from '../../../../../../sn-client/examples/sn-dms-demo/src/assets/sensenet_white.png'
+import snLogo from '../../assets/sensenet_white.png'
 import { globals, useGlobalStyles } from '../../globalStyles'
 import { useLocalization } from '../../hooks'
 
diff --git a/apps/sensenet/src/components/view-controls/common/styles.ts b/apps/sensenet/src/components/view-controls/common/styles.ts
index 1b13733a3..735f6189c 100644
--- a/apps/sensenet/src/components/view-controls/common/styles.ts
+++ b/apps/sensenet/src/components/view-controls/common/styles.ts
@@ -17,11 +17,9 @@ const useStyles = makeStyles(() => {
       position: 'relative',
     },
     field: {
-      width: '88%',
       position: 'relative',
     },
     fieldFullWidth: {
-      width: '88%',
       position: 'relative',
     },
     actionButtonWrapper: {
diff --git a/packages/sn-controls-react/src/viewcontrols/browse-view.tsx b/packages/sn-controls-react/src/viewcontrols/browse-view.tsx
index b127395fa..10a67d84c 100644
--- a/packages/sn-controls-react/src/viewcontrols/browse-view.tsx
+++ b/packages/sn-controls-react/src/viewcontrols/browse-view.tsx
@@ -37,7 +37,7 @@ const useStyles = makeStyles((theme: Theme) => {
   return createStyles({
     grid: {
       margin: '0 auto',
-      maxWidth: '750px',
+      maxWidth: '850px',
     },
     fieldWrapper: {},
     field: {},
@@ -55,11 +55,9 @@ const useStyles = makeStyles((theme: Theme) => {
       display: 'flex',
       justifyContent: 'space-between',
       alignItems: 'center',
-      width: '88%',
       margin: '0 auto',
     },
     divider: {
-      width: '88%',
       height: '1px',
       margin: '16px auto',
       backgroundColor: theme.palette.primary.main,
diff --git a/packages/sn-controls-react/src/viewcontrols/edit-view.tsx b/packages/sn-controls-react/src/viewcontrols/edit-view.tsx
index 70b430281..b1b0d84fa 100644
--- a/packages/sn-controls-react/src/viewcontrols/edit-view.tsx
+++ b/packages/sn-controls-react/src/viewcontrols/edit-view.tsx
@@ -47,7 +47,7 @@ const useStyles = makeStyles((theme: Theme) => {
   return createStyles({
     grid: {
       margin: '0 auto',
-      maxWidth: '750px',
+      maxWidth: '850px',
     },
     fieldWrapper: {},
     field: {},
@@ -69,11 +69,9 @@ const useStyles = makeStyles((theme: Theme) => {
       display: 'flex',
       justifyContent: 'space-between',
       alignItems: 'center',
-      width: '88%',
       margin: '0 auto',
     },
     divider: {
-      width: '88%',
       height: '1px',
       margin: '16px auto',
       backgroundColor: theme.palette.primary.main,