fix: correctly name utility

Author: kyrers

web/src/global.css

@@ -38,7 +38,7 @@
   * Default max screen width is 1250px
   * Default min screen width is 375px
   */
-  --spacing-fluid-0-32: clamp(0px, calc(0px + (132 - 0) * (100vw - 375px) / (1250 - 375)), 132px);
+  --spacing-fluid-0-132: clamp(0px, calc(0px + (132 - 0) * (100vw - 375px) / (1250 - 375)), 132px);
   --spacing-fluid-8-32-300: clamp(8px, calc(8px + (32 - 8) * (100vw - 300px) / (1250 - 300)), 32px);
   --spacing-fluid-16-30: clamp(16px, calc(16px + (30 - 16) * (100vw - 375px) / (1250 - 375)), 30px);
   --spacing-fluid-16-36-900: clamp(16px, calc(16px + (36 - 16) * (100vw - 900px) / (1250 - 900)), 36px);

web/src/pages/AllLists/index.tsx

@@ -10,7 +10,7 @@ import ItemDisplay from "./ItemDisplay";
 import Breadcrumb from "./StyledBreadcrumb";
 import clsx from "clsx";
 
-const landscapePaddingCalc = "lg:p-[48px_var(--spacing-fluid-0-32)_60px]";
+const landscapePaddingCalc = "lg:p-[48px_var(--spacing-fluid-0-132)_60px]";
 
 const AllLists: React.FC = () => (
   <div

web/src/pages/Home/index.tsx

@@ -13,7 +13,7 @@ const Home: React.FC = () => {
       <div
         className={clsx(
           "w-full max-w-landscape mx-auto bg-klerosUIComponentsLightBackground px-4 pt-4 pb-10",
-          `lg:px-fluid-0-32 lg:pb-[60px]`
+          `lg:px-fluid-0-132 lg:pb-[60px]`
         )}
       >
         <Header />

web/src/pages/Settings/index.tsx

@@ -8,7 +8,7 @@ const Settings: React.FC = () => {
     <div
       className={clsx(
         "w-full max-w-landscape my-0 mx-auto pt-8 pb-10 px-4 bg-klerosUIComponentsLightBackground",
-        "lg:px-fluid-0-32 lg:pt-12 lg:pb-16"
+        "lg:px-fluid-0-132 lg:pt-12 lg:pb-16"
       )}
     >
       <Routes>