diff --git a/packages/app/src/pages/tv/tabs/livestreamControlPanel/components/ProfileEditor/index.less b/packages/app/src/pages/tv/tabs/livestreamControlPanel/components/ProfileEditor/index.less
index 5d7b9cbd..56cace5d 100644
--- a/packages/app/src/pages/tv/tabs/livestreamControlPanel/components/ProfileEditor/index.less
+++ b/packages/app/src/pages/tv/tabs/livestreamControlPanel/components/ProfileEditor/index.less
@@ -2,11 +2,7 @@
     display: flex;
     flex-direction: column;
 
-    padding: 30px;
-
-    background-color: var(--background-color-accent);
-
-    border-radius: 12px;
+    width: 100%;
 
     .field {
         display: flex;
diff --git a/packages/app/src/pages/tv/tabs/livestreamControlPanel/index.jsx b/packages/app/src/pages/tv/tabs/livestreamControlPanel/index.jsx
index 39979746..8430825d 100755
--- a/packages/app/src/pages/tv/tabs/livestreamControlPanel/index.jsx
+++ b/packages/app/src/pages/tv/tabs/livestreamControlPanel/index.jsx
@@ -135,7 +135,9 @@ export default (props) => {
             profileData={profileData}
             onDelete={handleCurrentProfileDelete}
             onSave={handleCurrentProfileDataUpdate}
-        />)
+        />, {
+            confirmOnOutsideClick: true
+        })
     }
 
     const regenerateStreamingKey = async () => {