diff --git a/.gitignore b/.gitignore
index d30f40e..3da80d4 100644
--- a/.gitignore
+++ b/.gitignore
@@ -15,6 +15,7 @@
 .env.development.local
 .env.test.local
 .env.production.local
+.idea
 
 npm-debug.log*
 yarn-debug.log*
diff --git a/src/components/Key/Key.jsx b/src/components/Key/Key.jsx
index c749600..5e48e12 100644
--- a/src/components/Key/Key.jsx
+++ b/src/components/Key/Key.jsx
@@ -7,9 +7,7 @@ const Key = ({ keyAction, keyType, keyValue }) => (
         className={`key-container ${keyType}`}
         onClick={() => keyAction(keyValue)}
     >
-        <p className="key-value">
-        {keyValue}
-        </p>
+        <p className="key-value">{(keyValue === '/') ? <span>&#247;</span> : keyValue}</p>
     </div>
 );
 
diff --git a/src/components/Keypad/Keypad.spec.js b/src/components/Keypad/Keypad.spec.js
index f2ba68b..4160620 100644
--- a/src/components/Keypad/Keypad.spec.js
+++ b/src/components/Keypad/Keypad.spec.js
@@ -52,7 +52,7 @@ describe('MountedKeypad', () => {
 
     it('renders the values of operators', () => {
         wrapper.setProps({operators: ['+', '-', '*', '/']});
-        expect(wrapper.find('.operators-container').text()).toEqual('+-*/');
+        expect(wrapper.find('.operators-container').text()).toEqual('+-*÷');
     });
 
     it('should render an instance of the Key component', () => {