diff --git a/packages/tailwindcss/src/utilities.test.ts b/packages/tailwindcss/src/utilities.test.ts
index 6038ca164262..5720d69c5a34 100644
--- a/packages/tailwindcss/src/utilities.test.ts
+++ b/packages/tailwindcss/src/utilities.test.ts
@@ -7973,19 +7973,19 @@ test('bg', () => {
     }
 
     .bg-left-bottom {
-      background-position: left-bottom;
+      background-position: 0 100%;
     }
 
     .bg-left-top {
-      background-position: left-top;
+      background-position: 0 0;
     }
 
     .bg-right-bottom {
-      background-position: right-bottom;
+      background-position: 100% 100%;
     }
 
     .bg-right-top {
-      background-position: right-top;
+      background-position: 100% 0;
     }
 
     .bg-top {
diff --git a/packages/tailwindcss/src/utilities.ts b/packages/tailwindcss/src/utilities.ts
index 328eb3da37ce..07ca76528e59 100644
--- a/packages/tailwindcss/src/utilities.ts
+++ b/packages/tailwindcss/src/utilities.ts
@@ -2467,13 +2467,13 @@ export function createUtilities(theme: Theme) {
 
   staticUtility('bg-center', [['background-position', 'center']])
   staticUtility('bg-top', [['background-position', 'top']])
-  staticUtility('bg-right-top', [['background-position', 'right-top']])
+  staticUtility('bg-right-top', [['background-position', 'right top']])
   staticUtility('bg-right', [['background-position', 'right']])
-  staticUtility('bg-right-bottom', [['background-position', 'right-bottom']])
+  staticUtility('bg-right-bottom', [['background-position', 'right bottom']])
   staticUtility('bg-bottom', [['background-position', 'bottom']])
-  staticUtility('bg-left-bottom', [['background-position', 'left-bottom']])
+  staticUtility('bg-left-bottom', [['background-position', 'left bottom']])
   staticUtility('bg-left', [['background-position', 'left']])
-  staticUtility('bg-left-top', [['background-position', 'left-top']])
+  staticUtility('bg-left-top', [['background-position', 'left top']])
 
   staticUtility('bg-repeat', [['background-repeat', 'repeat']])
   staticUtility('bg-no-repeat', [['background-repeat', 'no-repeat']])