diff --git a/frontends/mit-open/src/page-components/Header/MenuButton.tsx b/frontends/mit-open/src/page-components/Header/MenuButton.tsx
index 5897c1a43d..b0ae726e17 100644
--- a/frontends/mit-open/src/page-components/Header/MenuButton.tsx
+++ b/frontends/mit-open/src/page-components/Header/MenuButton.tsx
@@ -1,4 +1,4 @@
-import { Button, styled } from "ol-components"
+import { styled } from "ol-components"
 import { RiMenuLine } from "@remixicon/react"
 import React from "react"
 
@@ -23,14 +23,22 @@ const MenuButtonInner = styled.div({
   alignItems: "flex-start",
 })
 
-const StyledMenuButton = styled(Button)({
+const StyledMenuButton = styled.button(({ theme }) => ({
   padding: "0",
   background: "transparent",
   "&:hover:not(:disabled)": {
     background: "transparent",
   },
   touchAction: "none",
-})
+  textAlign: "center",
+  display: "inline-flex",
+  justifyContent: "center",
+  alignItems: "center",
+  color: theme.palette.text.primary,
+  transition: `background ${theme.transitions.duration.short}ms`,
+  cursor: "pointer",
+  borderStyle: "none",
+}))
 
 interface MenuButtonProps {
   text?: string
@@ -38,7 +46,7 @@ interface MenuButtonProps {
 }
 
 const MenuButton: React.FC<MenuButtonProps> = ({ text, onClick }) => (
-  <StyledMenuButton variant="text" onPointerDown={onClick}>
+  <StyledMenuButton onPointerDown={onClick}>
     <MenuButtonInner>
       <MenuIcon />
       {text ? <MenuButtonText>{text}</MenuButtonText> : ""}
diff --git a/frontends/ol-components/src/components/Button/Button.tsx b/frontends/ol-components/src/components/Button/Button.tsx
index 21b775ec88..245987c87e 100644
--- a/frontends/ol-components/src/components/Button/Button.tsx
+++ b/frontends/ol-components/src/components/Button/Button.tsx
@@ -94,6 +94,7 @@ const ButtonStyled = styled.button<ButtonStyleProps>((props) => {
       ":disabled": {
         cursor: "default",
       },
+      minWidth: "100px",
     },
     ...sizeStyles(size, hasBorder, theme),
     // responsive
@@ -303,6 +304,7 @@ type ActionButtonProps = Omit<ButtonStyleProps, "startIcon" | "endIcon"> &
 
 const actionStyles = (size: ButtonSize) => {
   return {
+    minWidth: "auto",
     padding: 0,
     height: {
       small: "32px",
diff --git a/frontends/ol-components/src/components/TabButtons/TabButtonList.tsx b/frontends/ol-components/src/components/TabButtons/TabButtonList.tsx
index 3e1d7554fd..7bbdbb4540 100644
--- a/frontends/ol-components/src/components/TabButtons/TabButtonList.tsx
+++ b/frontends/ol-components/src/components/TabButtons/TabButtonList.tsx
@@ -34,6 +34,7 @@ const TabButtonList: React.FC<TabListProps> = styled((props: TabListProps) => (
 
 const tabStyles = ({ theme }: { theme: Theme }) =>
   css({
+    minWidth: "auto",
     ":focus-visible": {
       outlineOffset: "-1px",
     },