diff --git a/packages/shared/components/language-combobox/LanguageCombobox.styled.ts b/packages/shared/components/language-combobox/LanguageCombobox.styled.ts
index 4235c7c7ce..a80fe05b00 100644
--- a/packages/shared/components/language-combobox/LanguageCombobox.styled.ts
+++ b/packages/shared/components/language-combobox/LanguageCombobox.styled.ts
@@ -44,7 +44,7 @@ export const StyledComboBox = styled(ComboBox)<{ withBorder: boolean }>`
       `};
 
     :hover {
-      border-color: rgb(163, 169, 174);
+      border-color: ${(props) => props.theme.comboBox.button.hoverBorderColor};
     }
   }
 
diff --git a/packages/shared/components/media-viewer/sub-components/PDFViewer/PDFViewer.styled.ts b/packages/shared/components/media-viewer/sub-components/PDFViewer/PDFViewer.styled.ts
index 55c006a797..260e1ba6c2 100644
--- a/packages/shared/components/media-viewer/sub-components/PDFViewer/PDFViewer.styled.ts
+++ b/packages/shared/components/media-viewer/sub-components/PDFViewer/PDFViewer.styled.ts
@@ -28,6 +28,7 @@ import styled, { css } from "styled-components";
 
 import { DesktopDetails } from "../DesktopDetails";
 import { ViewerToolbar } from "../ViewerToolbar";
+import { globalColors } from "../../../../themes";
 
 type Panel = { isPanelOpen?: boolean };
 
@@ -95,7 +96,7 @@ export const ErrorMessage = styled.p`
   padding: 20px 30px;
   background-color: rgba(0, 0, 0, 0.6);
   border-radius: 4px;
-  color: rgb(238, 238, 238);
+  color: ${globalColors.white};
 `;
 
 export const DesktopTopBar = styled(DesktopDetails)<Panel>`
diff --git a/packages/shared/themes/base.ts b/packages/shared/themes/base.ts
index 83347ca74f..79f3d9c279 100644
--- a/packages/shared/themes/base.ts
+++ b/packages/shared/themes/base.ts
@@ -262,7 +262,7 @@ export const getBaseTheme = () => {
 
       circleBackground: white,
 
-      mobileProgressBarBackground: "rgb(48%, 58%, 69%, 0.4)",
+      mobileProgressBarBackground: grayStrong,
 
       bar: {
         icon: gray,
@@ -1471,7 +1471,7 @@ export const getBaseTheme = () => {
     },
 
     dialogLoader: {
-      borderBottom: "1px solid rgb(222, 226, 230)",
+      borderBottom: `1px solid ${loaderLight}`,
     },
 
     comboBox: {
@@ -2456,7 +2456,7 @@ export const getBaseTheme = () => {
 
         itemBorder: `1px dashed ${black}`,
 
-        itemOwnerColor: "rgb(163, 169, 174)",
+        itemOwnerColor: gray,
 
         backgroundButtons: white,