diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
new file mode 100644
index 0000000..ea55912
--- /dev/null
+++ b/CONTRIBUTING.md
@@ -0,0 +1,3 @@
+# Contribute
+## CSS linter
+- https://stackoverflow.com/questions/47607602/how-to-add-a-tailwind-css-rule-to-css-checker/48165524#48165524
\ No newline at end of file
diff --git a/README.md b/README.md
index 08a14b2..e9296dd 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,3 @@
 <img src="https://user-images.githubusercontent.com/7486270/75887356-f8428300-5e29-11ea-8844-8b69d5289ffa.jpg" />
 
 # lifeinaweb
-
-## Contribute
-### CSS linter
-- https://stackoverflow.com/questions/47607602/how-to-add-a-tailwind-css-rule-to-css-checker/48165524#48165524
diff --git a/components/SelectUnit.js b/components/SelectUnit.js
index 6cd2586..b3936f2 100644
--- a/components/SelectUnit.js
+++ b/components/SelectUnit.js
@@ -2,7 +2,7 @@ import React from 'react'
 import { useStoreState, useStoreActions } from 'easy-peasy'
 
 const SelectUnit = () => {
-  const { units } = useStoreState(state => state.settings)
+  const { unit, units } = useStoreState(state => state.settings)
   const { updateUnit } = useStoreActions(actions => actions.settings)
 
   const handleChange = event => {
@@ -16,6 +16,7 @@ const SelectUnit = () => {
   return (
     <div className='inline-block relative w-64'>
       <select
+        defaultValue={unit}
         onChange={handleChange}
         className='block appearance-none w-full bg-white border border-gray-400 hover:border-gray-500 px-4 py-2 pr-8 rounded shadow leading-tight focus:outline-none focus:shadow-outline'
       >