From 7d35adb86630512c61f0e37d9de2385f1a69a89f Mon Sep 17 00:00:00 2001
From: Priscila Moneo <priscila_moneo@hotmail.com.ar>
Date: Mon, 1 Jun 2026 13:17:53 -0300
Subject: [PATCH 1/2] feat: match figma styles

Signed-off-by: Priscila Moneo <priscila_moneo@hotmail.com.ar>
---
 src/components/CustomTheme.js                   | 17 ++++++++++++++---
 src/components/mui/custom-alert.js              |  6 +++++-
 .../components/sponsor-form-item-form.js        |  2 +-
 .../sponsors/sponsor-forms-list-page/index.js   |  7 +++++--
 4 files changed, 25 insertions(+), 7 deletions(-)

diff --git a/src/components/CustomTheme.js b/src/components/CustomTheme.js
index 5787af69a..a977d4861 100644
--- a/src/components/CustomTheme.js
+++ b/src/components/CustomTheme.js
@@ -1,9 +1,10 @@
 import React from "react";
 import { ThemeProvider } from "@mui/material";
 import { createTheme } from "@mui/material/styles";
+import { CustomThemeBase } from "openstack-uicore-foundation/lib/utils/theme";
 import PropTypes from "prop-types";
 
-const theme = createTheme({
+const theme = createTheme(CustomThemeBase, {
   palette: {
     primary: {
       main: "#2196F3",
@@ -78,6 +79,10 @@ const theme = createTheme({
       styleOverrides: {
         root: ({ ownerState }) => ({
           fontWeight: 500,
+          boxShadow: "none",
+          "&:hover": { boxShadow: "none" },
+          "&:active": { boxShadow: "none" },
+          "&:focus": { boxShadow: "none" },
           ...(ownerState.size === "small" && {
             fontSize: "13px",
             lineHeight: "18px",
@@ -127,8 +132,14 @@ const theme = createTheme({
         root: {
           fontSize: "12px"
         },
-        standardInfo: ({ theme: t }) => ({
-          color: t.palette.primary.dark
+        message: {
+          fontWeight: "normal"
+        },
+        standardInfo: ({ theme }) => ({
+          color: theme.palette.primary.dark,
+          "& .MuiAlert-message": {
+            color: theme.palette.primary.dark
+          }
         })
       }
     }
diff --git a/src/components/mui/custom-alert.js b/src/components/mui/custom-alert.js
index dc3523c8f..8e47d3880 100644
--- a/src/components/mui/custom-alert.js
+++ b/src/components/mui/custom-alert.js
@@ -8,7 +8,11 @@ const CustomAlert = ({ severity = "info", message = "", hideIcon = false }) => (
     sx={{
       justifyContent: "start",
       alignItems: "center",
-      mb: 2
+      mb: 2,
+      "& .MuiAlert-message": {
+        fontWeight: "normal",
+        ...(severity === "info" && { color: "#1E88E5" })
+      }
     }}
   >
     {message}
diff --git a/src/pages/sponsors/sponsor-form-item-list-page/components/sponsor-form-item-form.js b/src/pages/sponsors/sponsor-form-item-list-page/components/sponsor-form-item-form.js
index 13c6edd2e..f416c3a35 100644
--- a/src/pages/sponsors/sponsor-form-item-list-page/components/sponsor-form-item-form.js
+++ b/src/pages/sponsors/sponsor-form-item-list-page/components/sponsor-form-item-form.js
@@ -130,7 +130,7 @@ const SponsorFormItemForm = ({ initialValues, onSubmit }) => {
           </Grid2>
           <Grid2 size={12}>
             <Box sx={{ px: 3, my: "10px" }}>
-              <Typography variant="h5">
+              <Typography variant="h5" color="text.primary">
                 {T.translate(
                   "sponsor_form_item_list.edit_item.additional_fields"
                 )}
diff --git a/src/pages/sponsors/sponsor-forms-list-page/index.js b/src/pages/sponsors/sponsor-forms-list-page/index.js
index ef6fa7471..0c7d3e6ac 100644
--- a/src/pages/sponsors/sponsor-forms-list-page/index.js
+++ b/src/pages/sponsors/sponsor-forms-list-page/index.js
@@ -366,12 +366,15 @@ const SponsorFormsListPage = ({
                 <Checkbox
                   checked={showArchived}
                   onChange={handleShowArchivedForms}
-                  inputProps={{
-                    "aria-label": T.translate("sponsor_forms.show_archived")
+                  slotProps={{
+                    input: {
+                      "aria-label": T.translate("sponsor_forms.show_archived")
+                    }
                   }}
                 />
               }
               label={T.translate("sponsor_forms.show_archived")}
+              sx={{ whiteSpace: "nowrap", mb: 0 }}
             />
           </FormGroup>
         </Grid2>

From 35088f852ee3049379c75b960dc9821c6904aa72 Mon Sep 17 00:00:00 2001
From: Priscila Moneo <priscila_moneo@hotmail.com.ar>
Date: Wed, 3 Jun 2026 13:25:17 -0300
Subject: [PATCH 2/2] fix: feedback from PR

Signed-off-by: Priscila Moneo <priscila_moneo@hotmail.com.ar>
---
 src/components/mui/custom-alert.js                     | 10 +---------
 .../components/sponsor-form-item-form.js               |  2 +-
 2 files changed, 2 insertions(+), 10 deletions(-)

diff --git a/src/components/mui/custom-alert.js b/src/components/mui/custom-alert.js
index 8e47d3880..03f9bbe15 100644
--- a/src/components/mui/custom-alert.js
+++ b/src/components/mui/custom-alert.js
@@ -5,15 +5,7 @@ const CustomAlert = ({ severity = "info", message = "", hideIcon = false }) => (
   <Alert
     severity={severity}
     icon={!hideIcon}
-    sx={{
-      justifyContent: "start",
-      alignItems: "center",
-      mb: 2,
-      "& .MuiAlert-message": {
-        fontWeight: "normal",
-        ...(severity === "info" && { color: "#1E88E5" })
-      }
-    }}
+    sx={{ justifyContent: "start", alignItems: "center", mb: 2 }}
   >
     {message}
   </Alert>
diff --git a/src/pages/sponsors/sponsor-form-item-list-page/components/sponsor-form-item-form.js b/src/pages/sponsors/sponsor-form-item-list-page/components/sponsor-form-item-form.js
index f416c3a35..13c6edd2e 100644
--- a/src/pages/sponsors/sponsor-form-item-list-page/components/sponsor-form-item-form.js
+++ b/src/pages/sponsors/sponsor-form-item-list-page/components/sponsor-form-item-form.js
@@ -130,7 +130,7 @@ const SponsorFormItemForm = ({ initialValues, onSubmit }) => {
           </Grid2>
           <Grid2 size={12}>
             <Box sx={{ px: 3, my: "10px" }}>
-              <Typography variant="h5" color="text.primary">
+              <Typography variant="h5">
                 {T.translate(
                   "sponsor_form_item_list.edit_item.additional_fields"
                 )}