From c0de0054f648daa75a766f800a12b7afb8ef384a Mon Sep 17 00:00:00 2001
From: kagora <kagora@akamai.com>
Date: Fri, 30 Jan 2026 16:07:16 +0100
Subject: [PATCH] change: [DPS-36486] - Logs buttons mobile view fix

---
 .../pr-13349-changed-1769786654908.md         |  5 ++++
 .../DeliveryTabHeader/DeliveryTabHeader.tsx   | 29 +++++++------------
 2 files changed, 15 insertions(+), 19 deletions(-)
 create mode 100644 packages/manager/.changeset/pr-13349-changed-1769786654908.md

diff --git a/packages/manager/.changeset/pr-13349-changed-1769786654908.md b/packages/manager/.changeset/pr-13349-changed-1769786654908.md
new file mode 100644
index 00000000000..bd2fdbe308a
--- /dev/null
+++ b/packages/manager/.changeset/pr-13349-changed-1769786654908.md
@@ -0,0 +1,5 @@
+---
+"@linode/manager": Changed
+---
+
+Logs Stream and Destination landing mobile layout corrected ([#13349](https://github.com/linode/manager/pull/13349))
diff --git a/packages/manager/src/features/Delivery/Shared/DeliveryTabHeader/DeliveryTabHeader.tsx b/packages/manager/src/features/Delivery/Shared/DeliveryTabHeader/DeliveryTabHeader.tsx
index ddcb23fbca0..e12e758ad37 100644
--- a/packages/manager/src/features/Delivery/Shared/DeliveryTabHeader/DeliveryTabHeader.tsx
+++ b/packages/manager/src/features/Delivery/Shared/DeliveryTabHeader/DeliveryTabHeader.tsx
@@ -41,13 +41,6 @@ export const DeliveryTabHeader = ({
   const theme = useTheme();
 
   const xsDown = useMediaQuery((theme: Theme) => theme.breakpoints.down('sm'));
-  const customBreakpoint = 636;
-  const customXsDownBreakpoint = useMediaQuery((theme: Theme) =>
-    theme.breakpoints.down(customBreakpoint)
-  );
-  const customSmMdBetweenBreakpoint = useMediaQuery((theme: Theme) =>
-    theme.breakpoints.between(customBreakpoint, 'md')
-  );
   const searchLabel = `Search for a ${entity}`;
 
   return (
@@ -66,23 +59,15 @@ export const DeliveryTabHeader = ({
           alignItems: 'center',
           display: 'flex',
           flexWrap: xsDown ? 'wrap' : 'nowrap',
-          gap: 3,
+          gap: `${theme.spacingFunction(24)} 0`,
           justifyContent:
             onSearch && searchValue !== undefined
               ? 'space-between'
               : 'flex-end',
           flex: '1 1 auto',
 
-          marginLeft: customSmMdBetweenBreakpoint
-            ? theme.spacingFunction(16)
-            : customXsDownBreakpoint
-              ? theme.spacingFunction(8)
-              : undefined,
-          marginRight: customSmMdBetweenBreakpoint
-            ? theme.spacingFunction(16)
-            : customXsDownBreakpoint
-              ? theme.spacingFunction(8)
-              : undefined,
+          marginLeft: 0,
+          marginRight: 0,
         }}
       >
         {onSearch && searchValue !== undefined && (
@@ -142,6 +127,9 @@ export const DeliveryTabHeader = ({
               data-pendo-id={`Logs Delivery ${entity}s-Create ${entity}`}
               disabled={disabledCreateButton}
               onClick={onButtonClick}
+              sx={{
+                whiteSpace: 'nowrap',
+              }}
               {...buttonDataAttrs}
             >
               {createButtonText ?? `Create ${entity}`}
@@ -157,7 +145,10 @@ const StyledActions = styled('div')(({ theme }) => ({
   display: 'flex',
   gap: theme.spacingFunction(24),
   justifyContent: 'flex-end',
-  marginLeft: 'auto',
+
+  [theme.breakpoints.up('sm')]: {
+    marginLeft: 'auto',
+  },
 
   '& .MuiAutocomplete-root > .MuiBox-root': {
     display: 'flex',