diff --git a/CHANGELOG.md b/CHANGELOG.md
index 032321d..688b2dd 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,13 @@
 # Change log
 
+## Version 0.5.2
+
+Improvements
+- The placeholder text is now more transparent
+
+Bug fix
+- fix icons that are not loading
+
 ## Version 0.5.1
 
 Bug fix
@@ -13,22 +21,21 @@ Bug fix
 This release has several bug fixes.
 
 Improvements
-- get the urls from the background scirpt instead of a predefined var;
-- Remove scroll-to npm module;
+- get the urls from the background script instead of a predefined var;
+- Remove scroll-to NPM module;
 
 Bug fix
 Fix amount of bugs:
-- fix glitch on rezising page;
+- fix glitch on resizing page;
 - Create selection on click, that can be resized after click;
 - fix return key that will submit the whole page in set up;
 - position the commentbox on top when selecting a bug on the bottom of the website;
 - Fix the ESlint errors;
 
-
 ## Version 0.4
 
 Improvements:
-- Add abilaty to submit ticket to Mantis
+- Add ability to submit ticket to Mantis
 - Take a screenshot of the screen and submit it to Mantis
 
 Bug fixes:
diff --git a/README.md b/README.md
index 3aee31e..21a5f24 100755
--- a/README.md
+++ b/README.md
@@ -1,6 +1,6 @@
 ![Layernotes](./readme/banner.png)
 
-v0.5.1 (beta)
+v0.5.2 (beta)
 
 # Layer Notes
 Layer Notes is a tool that you can use to easily create Tickets for the Bugtracker Mantis.
diff --git a/gulpfile.babel.js b/gulpfile.babel.js
index 15639c0..c1cff90 100755
--- a/gulpfile.babel.js
+++ b/gulpfile.babel.js
@@ -22,7 +22,7 @@ var specific = JSON.parse(fs.readFileSync(`./config/${target}.json`));
 var context = Object.assign({}, generic, specific);
 
 var manifest = {
-  //Add this to the manifest file So the livereload scritpt is also enqluded in the development
+  //Add this to the manifest file So the livereload scritpt is also included in the development
   dev: {
     'background': {
       'scripts': [
@@ -268,6 +268,7 @@ function buildJS(target) {
   ];
 
   let tasks = files.map(file => {
+
     return browserify({
         entries: 'src/scripts/' + file.source,
         debug: !production
diff --git a/manifest.json b/manifest.json
index 582fc50..1d0c865 100755
--- a/manifest.json
+++ b/manifest.json
@@ -1,6 +1,6 @@
 {
   "name": "__MSG_appName__",
-  "version": "0.5.1",
+  "version": "0.5.2",
   "manifest_version": 2,
   "description": "__MSG_appDescription__",
   "shortName": "__MSG_appDescription__",
diff --git a/package-lock.json b/package-lock.json
index a4ed868..390c622 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "layer-notes",
-  "version": "0.5.1",
+  "version": "0.5.2",
   "lockfileVersion": 1,
   "dependencies": {
     "@gulp-sourcemaps/map-sources": {
diff --git a/package.json b/package.json
index 675dfb8..46d6426 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "layer-notes",
-  "version": "0.5.1",
+  "version": "0.5.2",
   "description": "Layernotes is a tool that you can use to easaly create Tickets for the Bugtracker Manits.",
   "scripts": {
     "chrome-build": "TARGET=chrome gulp",
diff --git a/src/scripts/components/setup/index.js b/src/scripts/components/setup/index.js
index b36a377..974c699 100644
--- a/src/scripts/components/setup/index.js
+++ b/src/scripts/components/setup/index.js
@@ -345,7 +345,7 @@ class Setup extends Component {
           <div>
             <h1>{translate('setupStepTwoTitle')}</h1>
             <p>{translate('setupStepTwoBody')}</p>
-            <Input label={`${this.state.toolName} url`} helperText={translate('setupHelperTextUrl')} type="url" name="toolUrl" placeholder="https://bugtracker.uncinc.nl" value={this.state.toolUrl} onchange={this._handleStateChange}/>
+            <Input label={`${this.state.toolName} url`} helperText={translate('setupHelperTextUrl')} type="url" name="toolUrl" placeholder="https://bugs.example.com" value={this.state.toolUrl} onchange={this._handleStateChange}/>
             <Input label={'Username'} type="text" helperText={translate('setupHelperTextUserName')} name="accountUserName" placeholder="username" value={this.state.accountUserName} onchange={this._handleStateChange}/>
             <Input label={'Password'} type="password" helperText={translate('setupHelperTextPassword')} name="accountPassword" placeholder="Password" value={this.state.accountPassword} onchange={this._handleStateChange}/>
           </div>
diff --git a/src/styles/main.scss b/src/styles/main.scss
index e59605b..b074444 100644
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@@ -10,15 +10,12 @@
   top: 0;
   width: 100%;
   z-index: 99999999999;
-
   // ::-moz-selection {
   //   background: $font-color-dark;
   //   color: $font-color;
   // }
-
   ::selection {
     background: $font-color-dark;
     color: $font-color;
   }
-
 }
diff --git a/src/styles/vars.scss b/src/styles/vars.scss
index 6063f08..34f4dd5 100644
--- a/src/styles/vars.scss
+++ b/src/styles/vars.scss
@@ -12,7 +12,7 @@ $secondary-color-dark: #c92424;
 $font-color: #fff;
 $font-color-hover: #dfdfdf;
 $font-color-dark: #000;
-$font-color-dark-semitransparant: rgba(0, 0, 0, .42);
+$font-color-dark-semitransparant: rgba(0, 0, 0, .32);
 $font-color-semitransparant: rgba(255, 255, 255, .38);
 $color-transparant: rgba(255, 255, 255, 0);