diff --git a/x-pack/plugins/cases/public/components/all_cases/header.tsx b/x-pack/plugins/cases/public/components/all_cases/header.tsx
index 63b747eca626e..862f4a72c8cb5 100644
--- a/x-pack/plugins/cases/public/components/all_cases/header.tsx
+++ b/x-pack/plugins/cases/public/components/all_cases/header.tsx
@@ -32,7 +32,7 @@ const FlexItemDivider = styled(EuiFlexItem)`
       border-right: ${theme.eui.euiBorderThin};
       padding-right: ${theme.eui.euiSize};
       margin-right: ${theme.eui.euiSize};
-      @media only screen and (min-width: ${theme.eui.euiBreakpoints.xs}) {
+      @media only screen and (max-width: ${theme.eui.euiBreakpoints.l}) {
         padding-right: 0;
         border-right: 0;
         margin-right: 0;
diff --git a/x-pack/plugins/cases/public/components/case_action_bar/index.tsx b/x-pack/plugins/cases/public/components/case_action_bar/index.tsx
index c304b7fb18bed..af17ea0dca895 100644
--- a/x-pack/plugins/cases/public/components/case_action_bar/index.tsx
+++ b/x-pack/plugins/cases/public/components/case_action_bar/index.tsx
@@ -32,7 +32,7 @@ const MyDescriptionList = styled(EuiDescriptionList)`
     & {
       padding-right: ${theme.eui.euiSizeL};
       border-right: ${theme.eui.euiBorderThin};
-      @media only screen and (min-width: ${theme.eui.euiBreakpoints.xs}) {
+      @media only screen and (max-width: ${theme.eui.euiBreakpoints.m}) {
         padding-right: 0;
         border-right: 0;
       }