diff --git a/net/web/src/context/useSettingsContext.hook.js b/net/web/src/context/useSettingsContext.hook.js
index bd3d6dfc..5a218f38 100644
--- a/net/web/src/context/useSettingsContext.hook.js
+++ b/net/web/src/context/useSettingsContext.hook.js
@@ -13,6 +13,7 @@ export function useSettingsContext() {
     setTheme: null,
     colors: {},
     menuStyle: {},
+    textStyle: {},
     languages: [{ value: null, label: 'Default' }, { value: 'en', label: 'English' }, { value: 'fr', label: 'Français' }],
     language: null,
     strings: en,
diff --git a/net/web/src/session/Session.styled.js b/net/web/src/session/Session.styled.js
index e37d829b..5bfee469 100644
--- a/net/web/src/session/Session.styled.js
+++ b/net/web/src/session/Session.styled.js
@@ -143,7 +143,10 @@ export const SessionWrapper = styled.div`
     position: absolute;
     width: 100%;
     height: 100%;
+    overflow: auto;
+    overscroll-behavior: none;
     z-index: 2;
+    background-color: ${props => props.theme.baseColor};
   }
 
   .spinner {
@@ -241,7 +244,7 @@ export const SessionWrapper = styled.div`
       position: relative;
     }
     .bottom {
-      height: 48px;
+      height: 40px;
       position: relative;
       box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3);
     }
diff --git a/net/web/src/session/account/profile/Profile.jsx b/net/web/src/session/account/profile/Profile.jsx
index f4c603b7..2bee88a2 100644
--- a/net/web/src/session/account/profile/Profile.jsx
+++ b/net/web/src/session/account/profile/Profile.jsx
@@ -60,7 +60,7 @@ export function Profile({ closeProfile }) {
                 <span className="logoutMode">{ state.strings.allDevices }</span>
                 <Switch onChange={(e) => all.current = e} size="small" />
                </LogoutContent>,
-      bodyStyle: { padding: 16, ...state.menuStyle },
+      bodyStyle: { borderRadius: 8, padding: 16, ...state.menuStyle },
       okText: state.strings.ok,
       onOk() {
         actions.logout(all.current);
@@ -166,9 +166,10 @@ export function Profile({ closeProfile }) {
 
       </Modal>
       <Modal centered closable={false} visible={state.editProfileDetails} footer={null}
-          bodyStyle={{ padding: 16, ...state.menuStyle }} onCancel={actions.clearEditProfileDetails}>
+          bodyStyle={{ borderRadius: 8, padding: 16, ...state.menuStyle }} onCancel={actions.clearEditProfileDetails}>
 
         <ProfileDetailsWrapper>
+          <div className="title">Profile Details</div>
           <div class="info">
             <Input placeholder="Name" spellCheck="false" onChange={(e) => actions.setEditName(e.target.value)}
                 defaultValue={state.editName} autocapitalize="word" />
diff --git a/net/web/src/session/account/profile/Profile.styled.js b/net/web/src/session/account/profile/Profile.styled.js
index 39be7250..feabdd0b 100644
--- a/net/web/src/session/account/profile/Profile.styled.js
+++ b/net/web/src/session/account/profile/Profile.styled.js
@@ -244,6 +244,12 @@ export const ProfileDetailsWrapper = styled.div`
   justify-content: center;
   gap: 16px;
 
+  .title {
+    font-size: 1.2rem;
+    display: flex;
+    justify-content: center;
+  }
+
   .info {
     width: 100%;
     background-color: ${props => props.theme.inputArea};
diff --git a/net/web/src/session/account/profile/accountAccess/AccountAccess.jsx b/net/web/src/session/account/profile/accountAccess/AccountAccess.jsx
index 1b1a2ab1..3a7732ee 100644
--- a/net/web/src/session/account/profile/accountAccess/AccountAccess.jsx
+++ b/net/web/src/session/account/profile/accountAccess/AccountAccess.jsx
@@ -165,8 +165,9 @@ export function AccountAccess() {
           )}
         </SealModal>
       </Modal>
-      <Modal centered closable={false} footer={null} visible={state.editLogin} bodyStyle={{ padding: 16, ...state.menuStyle }} onCancel={actions.clearEditLogin}>
+      <Modal centered closable={false} footer={null} visible={state.editLogin} bodyStyle={{ borderRadius: 8, padding: 16, ...state.menuStyle }} onCancel={actions.clearEditLogin}>
         <LoginModal>
+          <div className="title">Change Login</div>
           <Input className="loginValue" placeholder="Username" spellCheck="false" onChange={(e) => actions.setEditHandle(e.target.value)}
               defaultValue={state.editHandle} autocomplete="username" autocapitalize="none" prefix={<UserOutlined />} />
 
diff --git a/net/web/src/session/account/profile/accountAccess/AccountAccess.styled.js b/net/web/src/session/account/profile/accountAccess/AccountAccess.styled.js
index 0ab6f168..d7e37715 100644
--- a/net/web/src/session/account/profile/accountAccess/AccountAccess.styled.js
+++ b/net/web/src/session/account/profile/accountAccess/AccountAccess.styled.js
@@ -130,6 +130,12 @@ export const LoginModal = styled.div`
   flex-direction: column;
   gap: 16px;
 
+  .title {
+    font-size: 1.2rem;
+    display: flex;
+    justify-content: center;
+  }
+
   .loginValue {
     background-color: ${props => props.theme.inputArea};
     color: ${props => props.theme.mainText};
diff --git a/net/web/src/session/identity/Identity.jsx b/net/web/src/session/identity/Identity.jsx
index 5c8ce42a..be5da2bf 100644
--- a/net/web/src/session/identity/Identity.jsx
+++ b/net/web/src/session/identity/Identity.jsx
@@ -19,7 +19,7 @@ export function Identity({ openAccount, openCards, cardUpdated }) {
                 <span className="logoutMode">{ state.strings.allDevices }</span>
                 <Switch onChange={(e) => all.current = e} size="small" />
                </LogoutContent>,
-      bodyStyle: { padding: 16, ...state.menuStyle },
+      bodyStyle: { borderRadius: 8, padding: 16, ...state.menuStyle },
       okText: state.strings.ok,
       onOk() {
         actions.logout(all.current);