diff --git a/client/projectPage/projectPage.css b/client/projectPage/projectPage.css
index 31796bdeb1ea2ddb1c7178c970bd6ad0a7fe3873..828582b639ed5ffabc61d7b4e83461f6e9c40966 100644
--- a/client/projectPage/projectPage.css
+++ b/client/projectPage/projectPage.css
@@ -364,17 +364,16 @@ body{
 }
 
 #uploadButton{
-  background-color: #845380;
+  width: 11vw;
+  background-image: linear-gradient(to right, #845380, #303866);
   border: none;
-  padding: 6px;
-  color: #fffafa;
-  font-weight: 1700;
   border-radius: 8px;
+  color: white;
   font-family: "Roboto", sans-serif;
   font-weight: 400;
   font-size: medium;
   text-align: center;
-  margin-left: 0%;
-  margin-top: 1%;
-  width: 20vh;
+  background-color: #6c757d;
+  vertical-align: middle;
+  
 }
diff --git a/client/projectPage/projectPageG.html b/client/projectPage/projectPageG.html
index f330208813bb0413195178b2a9ab57bf1e21b8c0..38dc2bc6c6468a277f8868ee4da6012b300729f2 100644
--- a/client/projectPage/projectPageG.html
+++ b/client/projectPage/projectPageG.html
@@ -94,7 +94,7 @@
       <textarea id="g5" class="textArea" name="answer5" rows="5" cols="50" placeholder="Svara på frågan här..." required></textarea>
     </form>
       <div class="saveEditDiv">
-        <button id="saveEditBtnG" class="saveBtn">Spara</button>
+        <button id="saveEditBtnG" class="btn btn-secondary">Spara</button>
       </div>
     </div>
 
diff --git a/client/projectPage/projectPageS.html b/client/projectPage/projectPageS.html
index 66b3e9107d59c7798f517ed46521f1ad4c0db54a..241d0e122717e8794014ecb9caeb459c958d477a 100644
--- a/client/projectPage/projectPageS.html
+++ b/client/projectPage/projectPageS.html
@@ -80,7 +80,7 @@
       <textarea id="s3" class="textArea"  name="answer3" rows="7" cols="50" placeholder="Svara på frågan här..." required></textarea>
     </form>
       <div class="saveEditDiv">
-        <button id="saveEditBtnS" class="saveBtn">Spara</button>
+        <button id="saveEditBtnS" class="btn btn-secondary">Spara</button>
       </div>
     </div>