diff --git a/src/pages/assessments/index.tsx b/src/pages/assessments/index.tsx
index bd5e678c..7548d278 100644
--- a/src/pages/assessments/index.tsx
+++ b/src/pages/assessments/index.tsx
@@ -214,7 +214,7 @@ const Assessments = () => {
                   justifyContent: 'space-between',
                   borderRadius: '8px',
                   gap: '5px',
-                  background: '#fff'
+                  background: theme.palette.warning['A400']
                 }}
                 onClick={() => handleAssessmentDetails(assessment.userId)}
               >
diff --git a/src/styles/globals.css b/src/styles/globals.css
index 5c27fc65..a7c3bfa8 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -1010,7 +1010,7 @@ legend.Mui-focused {
   color: var(--mui-palette-warning-300) !important;
 }
 
-.__floater .__floater__open {
+.__floater __floater__open  {
   z-index: 9999 !important;
 }
 
@@ -1020,10 +1020,10 @@ legend.Mui-focused {
 
 /* Remove yellow border on focus */
 .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
-  border-color: #1F1B13 !important;
+  border-color: var(--mui-palette-warning-300) !important;
 }
 
 /* Remove yellow color from label on focus */
 .MuiInputLabel-root.Mui-focused {
-  color: #1F1B13 !important; 
+  color: var(--mui-palette-warning-300) !important; 
 }