diff --git a/src/app/pages/gabinete-digital/gabinete-digital.page.scss b/src/app/pages/gabinete-digital/gabinete-digital.page.scss
index af414499e..d796b3602 100644
--- a/src/app/pages/gabinete-digital/gabinete-digital.page.scss
+++ b/src/app/pages/gabinete-digital/gabinete-digital.page.scss
@@ -559,8 +559,8 @@ ion-list{
 .active {
   color: white !important;
   fill: white !important;
-  border: 1px solid #42b9fe !important;
-  background: #42b9fe !important;
+  border: var(--gabinete-active-hove-box-border) !important;
+  background: var(--gabinete-active-hove-background) !important;
   box-sizing: border-box;
 
   .exp-card-content, .icon-selected{
diff --git a/src/theme/variables.scss b/src/theme/variables.scss
index d7e59ae2c..b3e14cc5f 100644
--- a/src/theme/variables.scss
+++ b/src/theme/variables.scss
@@ -375,12 +375,12 @@ $app-theme: mat-light-theme(
 } */
 
 .item-hover:hover {
-  background-color: #e6f6ff75 !important;
+  background-color: var(--box-hover-background-color);
 }
 
 .box-hover:hover {
-  background-color: #e6f6ff75 !important;
-  border: 1px solid #42b9fe !important;
+  background-color: var(--box-hover-background-color) !important;
+  border: var(--box-hover-background-border-color) !important;
 }
 
 .Rectangle {
@@ -633,10 +633,10 @@ body {
   --header-tab-text-white: rgb(0, 0, 0);
   --header-container-background: #fff;
   --header-bottom-line-background: rgb(255, 0, 0);
-  --header-bottom-line-background-image: linear-gradient(to right,  #C63527,  #FFB81C, #FFC72C);
-  --font-awesome: #FFB81C;
+  --header-bottom-line-background-image: linear-gradient(to right, #c63527, #ffb81c, #ffc72c);
+  --font-awesome: #ffb81c;
 
-  --color: #D9D9D9;
+  --color: #d9d9d9;
   --color2: #f0f0f0;
   --color3: #d9d9d9;
   --color4: #d9d9d9ee;
@@ -647,6 +647,12 @@ body {
 
   --gabinete-title-container: #fff;
   --gabinete-main-container: #fff;
+
+  --gabinete-active-hove-background: #C63527 !important;
+  --gabinete-active-hove-box-sizing: border-box;
+
+  --box-hover-background-color: #e4e8eb75 !important;
+  --box-hover-background-border-color: 1px solid #ff4040 !important;
 }
 
 .default {
@@ -678,9 +684,27 @@ body {
     var(--color5) 100%
   ) !important;
 
-  --header-container-background: linear-gradient(270deg, var(--color2) 0%, var(--color3) 23.44%, var(--color4) 78.13%, var(--color5) 100%) !important;
-  --header-bottom-line-background: linear-gradient(270deg, var(--color2) 0%, var(--color3) 23.44%, var(--color4) 78.13%, var(--color5) 100%) !important;
-  --header-bottom-line-background-image: linear-gradient(270deg, var(--color2) 0%, var(--color3) 23.44%, var(--color4) 78.13%, var(--color5) 100%) !important;
+  --header-container-background: linear-gradient(
+    270deg,
+    var(--color2) 0%,
+    var(--color3) 23.44%,
+    var(--color4) 78.13%,
+    var(--color5) 100%
+  ) !important;
+  --header-bottom-line-background: linear-gradient(
+    270deg,
+    var(--color2) 0%,
+    var(--color3) 23.44%,
+    var(--color4) 78.13%,
+    var(--color5) 100%
+  ) !important;
+  --header-bottom-line-background-image: linear-gradient(
+    270deg,
+    var(--color2) 0%,
+    var(--color3) 23.44%,
+    var(--color4) 78.13%,
+    var(--color5) 100%
+  ) !important;
   --font-awesome: #42b9fe;
   --color: #0782c9;
   --color2: #45baff;
@@ -693,9 +717,14 @@ body {
 
   --gabinete-title-container: #ecf8ff;
   --gabinete-main-container: #ecf8ff;
-}
 
+  --gabinete-active-hove-background: #42b9fe;
+  --gabinete-active-hove-box-border: 1px solid #42b9fe;
+
+  --box-hover-background-color: #e6f6ff75;
+  --box-hover-background-border-color: 1px solid #42b9fe;
+}
 
 .font-awesome {
   color: var(--font-awesome) !important;
-}
\ No newline at end of file
+}