diff --git a/.prettierrc.json b/.prettierrc.json
index 5d823c2..1bdf446 100644
--- a/.prettierrc.json
+++ b/.prettierrc.json
@@ -3,5 +3,6 @@
   "tabWidth": 2,
   "semi": true,
   "singleQuote": true,
-  "jsxBracketSameLine": true
+  "jsxBracketSameLine": true,
+  "printWidth": 100
 }
diff --git a/src/containers/AddEditHost/AddEditHost.js b/src/containers/AddEditHost/AddEditHost.js
index 1f6a799..305a752 100644
--- a/src/containers/AddEditHost/AddEditHost.js
+++ b/src/containers/AddEditHost/AddEditHost.js
@@ -55,7 +55,7 @@ class AddEditHost extends Component {
 
   render() {
     return (
-      <Box dxStyle={{ width: '430px', height: 'auto', padding: '5px' }}>
+      <Box dxDark dxStyle={{ width: '430px', height: 'auto', padding: '5px' }}>
         {createDismissDisplay(this.props.Close)}
         <div
           style={{
diff --git a/src/index.css b/src/index.css
index 6295982..d3669bf 100644
--- a/src/index.css
+++ b/src/index.css
@@ -6,7 +6,7 @@
   --control_border: 1px solid rgba(80, 80, 90, 0.9);
   --control_box_shadow: 2px 2px 2px black;
   --control_transparent_background: rgba(10, 10, 16, 0.5);
-  --control_dark_transparent_background: rgba(10, 10, 16, 0.7);
+  --control_dark_transparent_background: rgba(10, 10, 16, 0.75);
 
   --text_color: rgba(200, 200, 240, 0.65);
   --text_color_hover: rgba(200, 200, 225, 0.65);