diff --git a/docs/user_guide/light-dark.rst b/docs/user_guide/light-dark.rst
index a3813af5b..66d6c312c 100644
--- a/docs/user_guide/light-dark.rst
+++ b/docs/user_guide/light-dark.rst
@@ -59,14 +59,14 @@ For example to define a different background color for both the light and dark t
     html[data-theme="light"] {
 
         /* whatever you want to change */
-        background: white;
+        background-color: white;
     }
 
     /* anything related to the dark theme */
     html[data-theme="dark"] {
 
         /* whatever you want to change */
-        background: black;
+        background-color: black;
     }
 
 A complete list of the colors used in this theme can be found in the :doc:`CSS style section <styling>`.
diff --git a/src/pydata_sphinx_theme/assets/styles/base/_base.scss b/src/pydata_sphinx_theme/assets/styles/base/_base.scss
index 345de1333..f3a3a7ca0 100644
--- a/src/pydata_sphinx_theme/assets/styles/base/_base.scss
+++ b/src/pydata_sphinx_theme/assets/styles/base/_base.scss
@@ -15,7 +15,7 @@ body {
 
   // hack to avoid the black background on some browser including Safari
   &::-webkit-scrollbar-track {
-    background: var(--pst-color-background);
+    background-color: var(--pst-color-background);
   }
 }
 
diff --git a/src/pydata_sphinx_theme/assets/styles/extensions/_notebooks.scss b/src/pydata_sphinx_theme/assets/styles/extensions/_notebooks.scss
index 347486f36..260740a9e 100644
--- a/src/pydata_sphinx_theme/assets/styles/extensions/_notebooks.scss
+++ b/src/pydata_sphinx_theme/assets/styles/extensions/_notebooks.scss
@@ -25,7 +25,7 @@ html[data-theme="dark"] .bd-content {
     }
 
     .output_area.stderr {
-      background: var(--pst-color-danger);
+      background-color: var(--pst-color-danger);
     }
   }
 }
diff --git a/src/pydata_sphinx_theme/assets/styles/sections/_header.scss b/src/pydata_sphinx_theme/assets/styles/sections/_header.scss
index 0e491274f..0a7713a84 100644
--- a/src/pydata_sphinx_theme/assets/styles/sections/_header.scss
+++ b/src/pydata_sphinx_theme/assets/styles/sections/_header.scss
@@ -13,7 +13,7 @@
   z-index: $zindex-fixed;
 
   // Overrides bootstrap
-  background: var(--pst-color-on-background) !important;
+  background-color: var(--pst-color-on-background) !important;
   box-shadow: 0 0.125rem 0.25rem 0 var(--pst-color-shadow);
 
   width: 100%;
diff --git a/src/pydata_sphinx_theme/assets/styles/sections/_sidebar-primary.scss b/src/pydata_sphinx_theme/assets/styles/sections/_sidebar-primary.scss
index df8f819c5..c8cfe75dc 100644
--- a/src/pydata_sphinx_theme/assets/styles/sections/_sidebar-primary.scss
+++ b/src/pydata_sphinx_theme/assets/styles/sections/_sidebar-primary.scss
@@ -142,7 +142,7 @@
     align-items: center;
 
     &:hover {
-      background: var(--pst-color-surface);
+      background-color: var(--pst-color-surface);
     }
 
     i {
@@ -158,7 +158,7 @@
     width: 100%;
     height: 100%;
     &:hover {
-      background: none;
+      background-color: none;
     }
     i {
       width: 30px;
diff --git a/src/pydata_sphinx_theme/assets/styles/variables/_color.scss b/src/pydata_sphinx_theme/assets/styles/variables/_color.scss
index ccbabe8ff..7318cc401 100644
--- a/src/pydata_sphinx_theme/assets/styles/variables/_color.scss
+++ b/src/pydata_sphinx_theme/assets/styles/variables/_color.scss
@@ -289,7 +289,7 @@ $pst-semantic-colors: (
     *  which case assume they're already optimized for dark mode).
     */
     .bd-content img:not(.only-dark):not(.dark-light) {
-      background: rgb(255, 255, 255);
+      background-color: rgb(255, 255, 255);
       border-radius: 0.25rem;
     }
     // MathJax SVG outputs should be filled to same color as text.