diff --git a/client/src/component/PinContent.js b/client/src/component/PinContent.js
index c67fba3..8c0576e 100644
--- a/client/src/component/PinContent.js
+++ b/client/src/component/PinContent.js
@@ -10,7 +10,7 @@ export default class PinContent extends Component {
         <h1 id="place"> Place: {this.props.pin.place}</h1>
         <h5 id="date">Day: {this.props.pin.date}</h5>
         <h5 id="activity">{this.props.pin.activity}</h5>
-        <h5 id="rating">Rating: {this.props.pin.rating}</h5>
+        <h5 id="ratingg">Rating: {this.props.pin.rating}</h5>
         <h2 id="title">Title: {this.props.pin.memory}</h2>
       </div>
     )
diff --git a/client/src/component/form.js b/client/src/component/form.js
index 1c3c282..ae20cda 100644
--- a/client/src/component/form.js
+++ b/client/src/component/form.js
@@ -101,7 +101,7 @@ class Form extends Component {
         <h4 id="header">Enter your</h4>
         <h4 id="h2">Memory</h4>
 
-          <input id="place" type="text" name="place" placeholder="Place" onChange={this.handlePlaceChange}></input>
+          <input id="placing" type="text" name="place" placeholder="Place" onChange={this.handlePlaceChange}></input>
           {placeMessage}
 
 
@@ -122,7 +122,7 @@ class Form extends Component {
               onChange={(rating) => document.getElementById('rating').innerHTML = rating || 0}
             />
           </div>
-          <h1 id="rating">0</h1>
+          <h1 id="numberrating">0</h1>
           <button className="submit" disabled={Placeresult} onClick={this.postComment} type="submit">Done!</button>
         </form>
 
diff --git a/client/src/styles/Formstyling.css b/client/src/styles/Formstyling.css
index a7c11d5..72f1359 100644
--- a/client/src/styles/Formstyling.css
+++ b/client/src/styles/Formstyling.css
@@ -26,7 +26,7 @@
   transform: translate(-50%, -50%);
 }
 
-#place{
+#placing{
   width: 180px;
   padding: 2px 7px;
   font-family: 'Josefin Sans', sans-serif;
@@ -98,7 +98,7 @@ clip-path: polygon(0% 0%, 0 80%, 100% 79%, 100% 0%);
   color: #d75766;
 }
 
-#rating {
+#numberrating{
   position: absolute;
   top: 77%;
   left: 70%;
diff --git a/client/src/styles/pinContent.css b/client/src/styles/pinContent.css
index 23b1645..33d8137 100644
--- a/client/src/styles/pinContent.css
+++ b/client/src/styles/pinContent.css
@@ -27,21 +27,21 @@ clip-path: polygon(0% 0%, 0 45%, 100% 45%, 100% 0%);
   font-size: 5px;
   position: absolute;
   top: 90%;
-  left: 70%;
+  left: 65%;
 }
 
 #title{
   position: absolute;
   font-family: 'Josefin Sans', sans-serif;
   top: 72%;
-  left: 5%;
+  left: 3%;
   font-size: 20px;
 }
 
-#rating{
+#ratingg{
   position: absolute;
   font-family: 'Josefin Sans', sans-serif;
-  top: 87%;
-  left: 74%;
   font-size: 20px;
+  top: 88%;
+  left: 62%;
 }
diff --git a/client/src/styles/pinPopup.css b/client/src/styles/pinPopup.css
index c902717..c76f7d7 100644
--- a/client/src/styles/pinPopup.css
+++ b/client/src/styles/pinPopup.css
@@ -2,7 +2,7 @@
 #delete {
   position: absolute;
   top: 90%;
-  left: 25%;
+  left: 27%;
   transform: translate(-50%, -50%);
   background-color: #0a398c;
   font-family: 'Josefin Sans', sans-serif;