diff --git a/projects/aca-content/src/lib/components/details/details.component.scss b/projects/aca-content/src/lib/components/details/details.component.scss
index 340c11f240..778bead773 100644
--- a/projects/aca-content/src/lib/components/details/details.component.scss
+++ b/projects/aca-content/src/lib/components/details/details.component.scss
@@ -6,7 +6,7 @@ app-details-manager {
     border-radius: 4px;
 
     &:focus {
-      background-color: #1f74db3d;
+      background-color: var(--theme-selected-background-color);
       outline: 2px solid var(--theme-blue-button-color);
       border-radius: 4px;
     }
diff --git a/projects/aca-content/src/lib/components/toolbar/toggle-info-drawer/toggle-info-drawer.component.ts b/projects/aca-content/src/lib/components/toolbar/toggle-info-drawer/toggle-info-drawer.component.ts
index 269e2bd1b1..d9dae1918c 100644
--- a/projects/aca-content/src/lib/components/toolbar/toggle-info-drawer/toggle-info-drawer.component.ts
+++ b/projects/aca-content/src/lib/components/toolbar/toggle-info-drawer/toggle-info-drawer.component.ts
@@ -50,9 +50,10 @@ import { MatIconModule } from '@angular/material/icon';
   styles: [
     `
       .app-toggle-info-drawer button:focus {
-        background-color: #1f74db3d;
-        border: 2px solid #1f74db;
+        border: 2px solid var(--theme-blue-button-color);
         border-radius: 6px;
+        outline: none;
+        background-color: var(--theme-selected-background-color);
       }
     `
   ],