diff --git a/public/css/index.css b/public/css/index.css
index 8f9b28f..d3444bd 100644
--- a/public/css/index.css
+++ b/public/css/index.css
@@ -493,7 +493,7 @@ header .redirect-button:hover {
   height: 16vw;
   max-height: 250px;
   margin: 0px 3vw;
-  font-size: 1.8vw;
+  font-size: 1.5vw;
   font-weight: bold;
   border: none;
   border-radius: 5px;
@@ -519,6 +519,11 @@ header .redirect-button:hover {
   border: 1px solid #77a3bd;
   transition: ease-in-out 0.4s;
 }
+.control-panel .buttons-container button.add-words.active {
+  background-color: #9ec9e2;
+  transition: ease-in-out 0.4s;
+  transform: scale(1.1);
+}
 .control-panel .buttons-container button.add-words:hover {
   background-color: #9ec9e2;
   transition: ease-in-out 0.4s;
@@ -528,6 +533,11 @@ header .redirect-button:hover {
   border: 1px solid #ad69b3;
   transition: ease-in-out 0.4s;
 }
+.control-panel .buttons-container button.add-category.active {
+  background-color: #d38fd9;
+  transition: ease-in-out 0.4s;
+  transform: scale(1.1);
+}
 .control-panel .buttons-container button.add-category:hover {
   background-color: #d38fd9;
   transition: ease-in-out 0.4s;
@@ -537,6 +547,11 @@ header .redirect-button:hover {
   border: 1px solid #de8643;
   transition: ease-in-out 0.4s;
 }
+.control-panel .buttons-container button.delete-category.active {
+  background-color: #f9ae74;
+  transition: ease-in-out 0.4s;
+  transform: scale(1.1);
+}
 .control-panel .buttons-container button.delete-category:hover {
   background-color: #f9ae74;
   transition: ease-in-out 0.4s;
@@ -546,6 +561,11 @@ header .redirect-button:hover {
   border: 1px solid #c66767;
   transition: ease-in-out 0.4s;
 }
+.control-panel .buttons-container button.delete-word.active {
+  background-color: #e89191;
+  transition: ease-in-out 0.4s;
+  transform: scale(1.1);
+}
 .control-panel .buttons-container button.delete-word:hover {
   background-color: #e89191;
   transition: ease-in-out 0.4s;
@@ -555,6 +575,11 @@ header .redirect-button:hover {
   border: 1px solid #72a24e;
   transition: ease-in-out 0.4s;
 }
+.control-panel .buttons-container button.edit-word.active {
+  background-color: #98c973;
+  transition: ease-in-out 0.4s;
+  transform: scale(1.1);
+}
 .control-panel .buttons-container button.edit-word:hover {
   background-color: #98c973;
   transition: ease-in-out 0.4s;
@@ -621,6 +646,9 @@ header .redirect-button:hover {
     -webkit-transform: none;
     transform: none;
   }
+  .control-panel .buttons-container.nav-mode button.active {
+    transform: none;
+  }
 }
 
 /*# sourceMappingURL=index.css.map */
diff --git a/public/css/index.css.map b/public/css/index.css.map
index e9cd5c8..abf02c2 100644
--- a/public/css/index.css.map
+++ b/public/css/index.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../sass/index.scss","../sass/_header.scss","../sass/_game-container.scss","../sass/_hangman.scss","../sass/_word.scss","../sass/_current-score.scss","../sass/_categories.scss","../sass/_defeat-victory.scss","../sass/_loading.scss","../sass/_letters-registered.scss","../sass/_letter-input.scss","../sass/_form.scss","../sass/_message.scss","../sass/_control-panel.scss"],"names":[],"mappings":"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","file":"index.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../sass/index.scss","../sass/_header.scss","../sass/_game-container.scss","../sass/_hangman.scss","../sass/_word.scss","../sass/_current-score.scss","../sass/_categories.scss","../sass/_defeat-victory.scss","../sass/_loading.scss","../sass/_letters-registered.scss","../sass/_letter-input.scss","../sass/_form.scss","../sass/_message.scss","../sass/_control-panel.scss"],"names":[],"mappings":"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","file":"index.css"}
\ No newline at end of file
diff --git a/public/sass/_control-panel.scss b/public/sass/_control-panel.scss
index 7cd63a5..1502d6a 100644
--- a/public/sass/_control-panel.scss
+++ b/public/sass/_control-panel.scss
@@ -22,7 +22,7 @@
 
             margin: 0px 3vw;
 
-            font-size: 1.8vw;
+            font-size: 1.5vw;
             font-weight: bold;
 
             border: none;
@@ -54,7 +54,13 @@
                 
                 transition: ease-in-out 0.4s;
 
-                
+                &.active {
+
+                    background-color: adjust-color($color: $background-color, $lightness: 10%, $alpha: 1.0);
+                    transition: ease-in-out 0.4s;
+                    transform: scale(1.1);
+
+                }
 
                 &:hover {
                     
@@ -193,6 +199,11 @@
                 margin: 0;
 
                 font-size: 2vw;
+
+                &.active {
+                    transform: none;
+
+                }
             }
         }
     }
diff --git a/src/components/Admin/Control Panel/Actions/AddCategory/AddCategory.jsx b/src/components/Admin/Control Panel/Actions/AddCategory/AddCategory.jsx
index 5e04153..bd32292 100644
--- a/src/components/Admin/Control Panel/Actions/AddCategory/AddCategory.jsx	
+++ b/src/components/Admin/Control Panel/Actions/AddCategory/AddCategory.jsx	
@@ -5,8 +5,11 @@ const AddCategory = () => {
     console.log('category');
 
     return (
-        <div>
-            
+        <div className="action-form add-category">
+            <form>
+                <input type="text"/>
+                <input type="submit"/>
+            </form>
         </div>
     )
 }
diff --git a/src/components/Admin/Control Panel/Actions/AddWord/AddWord.jsx b/src/components/Admin/Control Panel/Actions/AddWord/AddWord.jsx
index af1a3cc..f5328b3 100644
--- a/src/components/Admin/Control Panel/Actions/AddWord/AddWord.jsx	
+++ b/src/components/Admin/Control Panel/Actions/AddWord/AddWord.jsx	
@@ -5,7 +5,7 @@ const AddWord = () => {
     console.log('word');
 
     return (
-        <div className="form-add-word">
+        <div className="action-form add-word">
             <form>
                 <textarea placeholder="Add the word/words separated by commas" cols="30" rows="10"></textarea>
                 <input type="submit" value="Add Word(s)" />
diff --git a/src/components/Admin/Control Panel/Actions/DeleteCategory/DeleteCategory.jsx b/src/components/Admin/Control Panel/Actions/DeleteCategory/DeleteCategory.jsx
index 952156f..6421cbf 100644
--- a/src/components/Admin/Control Panel/Actions/DeleteCategory/DeleteCategory.jsx	
+++ b/src/components/Admin/Control Panel/Actions/DeleteCategory/DeleteCategory.jsx	
@@ -2,8 +2,14 @@ import React from 'react'
 
 const DeleteCategory = () => {
     return (
-        <div>
-            
+        <div className="action-form delete-category">
+            <form>
+                <select>
+                    <option>Select an option</option>
+                    <option>AA</option>
+                </select>
+                <input type="submit" value="Delete"/>
+            </form>
         </div>
     )
 }
diff --git a/src/components/Admin/Control Panel/Actions/DeleteWord/DeleteWord.jsx b/src/components/Admin/Control Panel/Actions/DeleteWord/DeleteWord.jsx
index 861c313..89514cb 100644
--- a/src/components/Admin/Control Panel/Actions/DeleteWord/DeleteWord.jsx	
+++ b/src/components/Admin/Control Panel/Actions/DeleteWord/DeleteWord.jsx	
@@ -2,8 +2,16 @@ import React from 'react'
 
 const DeleteWord = () => {
     return (
-        <div>
-            
+        <div className="action-form delete-word">
+            <form>
+                <select>
+                    <option>Select category</option>    
+                </select>
+                <select>
+                    <option>Select word</option>
+                </select>
+                <input type="submit" value="Delete" />
+            </form>
         </div>
     )
 }
diff --git a/src/components/Admin/Control Panel/Actions/EditWord/EditWord.jsx b/src/components/Admin/Control Panel/Actions/EditWord/EditWord.jsx
index d664367..cb6bb15 100644
--- a/src/components/Admin/Control Panel/Actions/EditWord/EditWord.jsx	
+++ b/src/components/Admin/Control Panel/Actions/EditWord/EditWord.jsx	
@@ -2,8 +2,17 @@ import React from 'react'
 
 const EditWord = () => {
     return (
-        <div>
-            
+        <div className="action-form edit-word">
+            <form>
+                <select>
+                    <option>Select category</option>    
+                </select>
+                <select>
+                    <option>Select word</option>
+                </select>
+                <input type="text" placeholder="Place the new word" />
+                <input type="submit" value="Delete" />
+            </form>
         </div>
     )
 }
diff --git a/src/components/Admin/Control Panel/AdminFunctionButton.jsx b/src/components/Admin/Control Panel/AdminFunctionButton.jsx
index eac9426..8da5db2 100644
--- a/src/components/Admin/Control Panel/AdminFunctionButton.jsx	
+++ b/src/components/Admin/Control Panel/AdminFunctionButton.jsx	
@@ -1,13 +1,13 @@
 import React from 'react'
 import DefineClassName from './Actions/Scripts/DefineClassName'
 
-const AdminFunctionButton = ({action, setActualAction}) => {
+const AdminFunctionButton = ({action, actualAction, setActualAction}) => {
   
     const classButton = DefineClassName(action)
 
     return (
         <button
-            className={classButton}
+            className={action === actualAction ? classButton + ' active' : classButton}
             onClick={() => setActualAction(action)}
         >
             {action}
diff --git a/src/components/Admin/Control Panel/ControlPanel.jsx b/src/components/Admin/Control Panel/ControlPanel.jsx
index a8b12a8..f695ee2 100644
--- a/src/components/Admin/Control Panel/ControlPanel.jsx	
+++ b/src/components/Admin/Control Panel/ControlPanel.jsx	
@@ -31,11 +31,11 @@ const ControlPanel = (props) => {
                     userLogged ?
                         <div 
                             className={actualAction ? 'buttons-container nav-mode' : 'buttons-container'}>
-                                <AdminFunctionButton action={'Add Word(s)'} setActualAction={setActualAction}/>
-                                <AdminFunctionButton action={'Add Category'} setActualAction={setActualAction}/>
-                                <AdminFunctionButton action ={'Delete Category'} setActualAction={setActualAction}/>
-                                <AdminFunctionButton action ={'Delete Word'} setActualAction={setActualAction}/>
-                                <AdminFunctionButton action ={'Edit Word'} setActualAction={setActualAction}/>
+                                <AdminFunctionButton action={'Add Word(s)'} actualAction={actualAction} setActualAction={setActualAction}/>
+                                <AdminFunctionButton action={'Add Category'} actualAction={actualAction} setActualAction={setActualAction}/>
+                                <AdminFunctionButton action ={'Delete Category'} actualAction={actualAction} setActualAction={setActualAction}/>
+                                <AdminFunctionButton action ={'Delete Word'} actualAction={actualAction} setActualAction={setActualAction}/>
+                                <AdminFunctionButton action ={'Edit Word'} actualAction={actualAction} setActualAction={setActualAction}/>
                         </div>
                     : null
                 }