diff --git a/src/components/Button.bojagi.jsx b/src/components/Button.bojagi.old.jsx
similarity index 100%
rename from src/components/Button.bojagi.jsx
rename to src/components/Button.bojagi.old.jsx
diff --git a/src/components/Button.jsx b/src/components/Button.jsx
index c959cbe..1bfcf69 100644
--- a/src/components/Button.jsx
+++ b/src/components/Button.jsx
@@ -3,7 +3,7 @@ import React from 'react';
 import styled, { css } from 'styled-components';
 
 const outlinedStyle = css`
-color: rgb(30, 136, 175);
+color: #af1e66;
 background-color: transparent;
 &:hover {
   background-color: #af1e6630;
@@ -14,12 +14,12 @@ export const Button = styled.button`
   cursor: pointer;
   padding: 8px 16px;
   font-size: 1em;
-  background-color: rgb(30, 136, 175);
+  background-color: #af1e66;
   color: #fff;
-  border: 2px solid rgb(30, 136, 175);
+  border: 2px solid #af1e66;
   
   &:hover {
-    background-color: rgb(30, 136, 175);
+    background-color: #af1e66;
   }
 
   ${props => props.variant === 'outline' && outlinedStyle}
diff --git a/src/components/Slider.bojagi.ignore.jsx b/src/components/Slider.bojagi.jsx
similarity index 100%
rename from src/components/Slider.bojagi.ignore.jsx
rename to src/components/Slider.bojagi.jsx
diff --git a/src/components/Slider.jsx b/src/components/Slider.jsx
index 246e839..63adf91 100644
--- a/src/components/Slider.jsx
+++ b/src/components/Slider.jsx
@@ -9,8 +9,8 @@ const Bar = styled.div`
   height: 6px; 
   width: 100%;
   border-radius: 4px;
-  background-color: #af1e66;
-  border: 1px solid #af1e66;
+  background-color: #eeeeee;
+  border: 1px solid #ddd;
   position: relative;
 `;