diff --git a/acrobat/styles/styles.css b/acrobat/styles/styles.css
index 03fb37ea0..c60f56707 100644
--- a/acrobat/styles/styles.css
+++ b/acrobat/styles/styles.css
@@ -60,7 +60,7 @@ div[data-section="widget"] {
 .dialog-modal.extension-modal {
   top: unset;
   left: unset;
-  box-shadow: 0 .5em 1em -.125em hsla(0,0%,4%,.1),0 0 0 1px hsla(0,0%,4%,.02);
+  box-shadow: 0 .5em 1em -.125em hsl(0,0%,4% / 10%),0 0 0 1px hsl(0,0%,4% / 2%);
   margin-bottom: 20px;
   margin-right: 20px;
 }
@@ -216,6 +216,7 @@ div.how-to {
     "list" !important;
     grid-template-columns: 1fr !important;
   }
+
   /* Moblie HowTo word-to-pdf US ONLY */
   [data-path="/dc-shared/fragments/frictionless-personalization-xfs/word-to-pdf-xfs/how-to/default"] .how-to.large-image {
     grid-template-areas:
@@ -248,7 +249,7 @@ div.how-to ol li::before{
 }
 .how-to .text ol li::before {
   content: counter(custom-counter);
-  background: rgba(13,102,208,.13);
+  background: rgb(13,102,208 / 13%);
   width: 1.5rem;
   height: 1.5rem;
   font-size: .6875rem;
@@ -327,7 +328,7 @@ div.how-to ol li::before{
 }
 .section .columns.browser-extension .row .col-1 a:hover {
   background-color: #505050;
-  color: #ffffff;
+  color: #fff;
   text-decoration: none;
 }
 
@@ -443,7 +444,7 @@ div.how-to ol li::before{
 .widget-wrapper {
   margin: 5px;
   border-radius: 8px;
-  background-color: #ffffff;
+  background-color: #fff;
   min-height: 570px;
   height: 100%;
   width: 100%;