diff --git a/packages/tailwindcss/boxedTab.js b/packages/tailwindcss/boxedTab.js
index 94619785..383b2cb5 100644
--- a/packages/tailwindcss/boxedTab.js
+++ b/packages/tailwindcss/boxedTab.js
@@ -36,14 +36,14 @@ module.exports = plugin.withOptions(
               "border-radius": `${theme("borderRadius.md")} ${theme(
                 "borderRadius.md"
               )} 0 0`,
-              padding: `${theme("spacing['rel1.5']")} ${theme("spacing.rel5")}`,
+              padding: `${theme("spacing[rel1.5]")} ${theme("spacing.rel5")}`,
               "&[aria-selected=true]": {
                 border: `1px solid ${theme("colors.gray.300")}`,
                 "background-color": `${theme("colors.white")}`,
                 "border-bottom-color": "transparent",
                 position: "relative",
                 paddingTop: theme("spacing.rel2"),
-                paddingBottom: theme("spacing['rel1.5']"),
+                paddingBottom: theme("spacing[rel1.5]"),
               },
             },
           },
diff --git a/packages/tailwindcss/lib/buttonStyle.js b/packages/tailwindcss/lib/buttonStyle.js
index 4d71f570..319e2ce4 100644
--- a/packages/tailwindcss/lib/buttonStyle.js
+++ b/packages/tailwindcss/lib/buttonStyle.js
@@ -3,7 +3,7 @@ module.exports = (theme) => ({
     appearance: "none",
     borderRadius: theme("borderRadius.md"),
     display: "inline-block",
-    padding: `${theme("spacing['rel2.5']")} ${theme("spacing.rel5")}`,
+    padding: `${theme("spacing[rel2.5]")} ${theme("spacing.rel5")}`,
     textDecoration: "none !important",
   },
   disabled: {