diff --git a/src/App.css b/src/App.css
index 012fb0d..841f0a3 100644
--- a/src/App.css
+++ b/src/App.css
@@ -8,7 +8,7 @@
 }
 
 .picker {
-	position: fixed!important;
-	top: 0;
-	right: 0;
+  position: fixed!important;
+  top: 0;
+  right: 0;
 }
\ No newline at end of file
diff --git a/src/App.jsx b/src/App.jsx
index 5925c6b..3ca0f4e 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -27,10 +27,10 @@ function App() {
     [newMessage, messages]
   )
 
-	const handleColourChange = (color) => {
-		setColour(color.hex);
-		console.log(color);
-	};
+  const handleColourChange = (color) => {
+    setColour(color.hex);
+      console.log(color);
+  };
 
   const lastMessage = messages[messages.length - 1]
   const dy = lastMessage ? lastMessage.height : 0
@@ -49,11 +49,11 @@ function App() {
           value={newMessage}
           onChange={setNewMessage}
           onSubmit={handleSubmit}
-		  colourClass={colour}
+          colourClass={colour}
         />
       </Chat>
-	  
-	  <SketchPicker className="picker" color={colour} onChange={handleColourChange}/>
+      
+      <SketchPicker className="picker" color={colour} onChange={handleColourChange}/>
     </div>
   )
 }