diff --git a/designer/client/src/components/toolbars/activities/ActivitiesSearch.tsx b/designer/client/src/components/toolbars/activities/ActivitiesSearch.tsx
index 1ac2a6598db..4e923840257 100644
--- a/designer/client/src/components/toolbars/activities/ActivitiesSearch.tsx
+++ b/designer/client/src/components/toolbars/activities/ActivitiesSearch.tsx
@@ -40,7 +40,7 @@ export const ActivitiesSearch = ({ handleSearch, searchQuery, selectedResult, fo
             >
                 <SearchIcon isEmpty={isEmpty(searchQuery)} />
             </SearchInputWithIcon>
-            <Box display={"flex"} alignItems={"center"} justifyContent={"flex-end"}>
+            <Box display={"flex"} alignItems={"center"} justifyContent={"flex-end"} mr={1}>
                 {searchQuery && (
                     <>
                         <Typography
diff --git a/designer/client/src/components/toolbars/activities/ActivityPanelRowItem/ButtonItem.tsx b/designer/client/src/components/toolbars/activities/ActivityPanelRowItem/ButtonItem.tsx
index 9daf48d10c8..019ed10b7f3 100644
--- a/designer/client/src/components/toolbars/activities/ActivityPanelRowItem/ButtonItem.tsx
+++ b/designer/client/src/components/toolbars/activities/ActivityPanelRowItem/ButtonItem.tsx
@@ -2,7 +2,7 @@ import React, { PropsWithChildren } from "react";
 import { Button, Divider, styled } from "@mui/material";
 
 export const ToggleItemsRoot = styled("div")(({ theme }) => ({
-    padding: `0 ${theme.spacing(1)}`,
+    paddingLeft: theme.spacing(1),
     display: "flex",
     alignItems: "center",
     justifyContent: "flex-end",