From df0b71ac38f2b65087336343daf448d2ef44d9f9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Sza=C5=82owski?= <michal.szalowski@gmail.com>
Date: Thu, 24 Oct 2024 16:29:29 +0200
Subject: [PATCH] fix: voting power chip missing padding

---
 govtool/frontend/src/components/atoms/VotingPowerChips.tsx      | 1 +
 .../src/components/molecules/GovernanceActionCardElement.tsx    | 2 ++
 govtool/frontend/src/main.tsx                                   | 2 --
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/govtool/frontend/src/components/atoms/VotingPowerChips.tsx b/govtool/frontend/src/components/atoms/VotingPowerChips.tsx
index 159859c90..fa11d764c 100644
--- a/govtool/frontend/src/components/atoms/VotingPowerChips.tsx
+++ b/govtool/frontend/src/components/atoms/VotingPowerChips.tsx
@@ -33,6 +33,7 @@ export const VotingPowerChips = ({
           height: isMobile ? 16 : 24,
           px: 2,
           py: isMobile ? 1 : 1.5,
+          maxHeight: "14px",
         }}
       >
         {!isMobile && (
diff --git a/govtool/frontend/src/components/molecules/GovernanceActionCardElement.tsx b/govtool/frontend/src/components/molecules/GovernanceActionCardElement.tsx
index 898aa9962..4ff9709be 100644
--- a/govtool/frontend/src/components/molecules/GovernanceActionCardElement.tsx
+++ b/govtool/frontend/src/components/molecules/GovernanceActionCardElement.tsx
@@ -111,6 +111,8 @@ export const GovernanceActionCardElement = ({
               alignItems: isMarkdown ? "unset" : "center",
               overflow: "hidden",
               flexDirection: isMarkdown ? "column" : "row",
+              // Workaround for not setting the font in markdown
+              fontFamily: "Poppins, Arial",
             }}
           >
             {isMarkdown ? (
diff --git a/govtool/frontend/src/main.tsx b/govtool/frontend/src/main.tsx
index 60187d40e..76f6ff419 100644
--- a/govtool/frontend/src/main.tsx
+++ b/govtool/frontend/src/main.tsx
@@ -5,7 +5,6 @@ import { QueryClient, QueryClientProvider } from "react-query";
 import { ReactQueryDevtools } from "react-query/devtools";
 import TagManager from "react-gtm-module";
 import { ThemeProvider } from "@emotion/react";
-import { CssBaseline } from "@mui/material";
 import * as Sentry from "@sentry/react";
 
 import { ContextProviders, UsersnapProvider } from "@context";
@@ -52,7 +51,6 @@ ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
   <React.StrictMode>
     <QueryClientProvider client={queryClient}>
       <ThemeProvider theme={theme}>
-        <CssBaseline />
         <UsersnapProvider>
           <BrowserRouter>
             <ContextProviders>