diff --git a/static/app/views/explore/components/attributeBreakdowns/attributeComparisonCTA.tsx b/static/app/views/explore/components/attributeBreakdowns/attributeComparisonCTA.tsx
deleted file mode 100644
index 6396fbc6ffe56d..00000000000000
--- a/static/app/views/explore/components/attributeBreakdowns/attributeComparisonCTA.tsx
+++ /dev/null
@@ -1,132 +0,0 @@
-import React from 'react';
-import styled from '@emotion/styled';
-
-import emptyTraceImg from 'sentry-images/spot/performance-empty-trace.svg';
-
-import {Flex} from '@sentry/scraps/layout/flex';
-import {Text} from '@sentry/scraps/text';
-
-import {Button} from 'sentry/components/core/button';
-import Panel from 'sentry/components/panels/panel';
-import {IconClose} from 'sentry/icons';
-import {t} from 'sentry/locale';
-import {useDebouncedValue} from 'sentry/utils/useDebouncedValue';
-import {useLocalStorageState} from 'sentry/utils/useLocalStorageState';
-import {Tab, useTab} from 'sentry/views/explore/hooks/useTab';
-
-import {useChartSelection} from './chartSelectionContext';
-
-const PANEL_WIDTH = '400px';
-const ILLUSTRATION_HEIGHT = '120px';
-const LOCAL_STORAGE_KEY = 'explore:attribute-breakdowns-cta-dismissed';
-const CTA_DELAY_MS = 1000;
-
-export function AttributeComparisonCTA({children}: {children: React.ReactNode}) {
-  const [tab] = useTab();
-  const {chartSelection} = useChartSelection();
-  const [isDismissed, setIsDismissed] = useLocalStorageState<boolean>(
-    LOCAL_STORAGE_KEY,
-    false
-  );
-
-  const isAttributeBreakdownsTab = tab === Tab.ATTRIBUTE_BREAKDOWNS;
-  const showCTA = !chartSelection && !isDismissed && isAttributeBreakdownsTab;
-
-  // Adding a delay so the CTA appears after we have switched
-  // to the attribute breakdowns tab and draws attention
-  const showDelayed = useDebouncedValue(showCTA, CTA_DELAY_MS);
-
-  return (
-    <Wrapper>
-      {children}
-      {showDelayed && showCTA ? (
-        <Content>
-          <Flex
-            direction="column"
-            gap="sm"
-            paddingTop="md"
-            paddingBottom="md"
-            paddingLeft="lg"
-            paddingRight="md"
-          >
-            <Flex align="center" justify="between">
-              <Text bold size="sm" align="left">
-                {t('Examine what sets your selection apart')}
-              </Text>
-              <Button
-                size="zero"
-                icon={<IconClose size="sm" />}
-                borderless
-                aria-label={t('Attribute Breakdowns CTA dismissed')}
-                onClick={() => setIsDismissed(true)}
-              />
-            </Flex>
-            <Text size="xs" align="left">
-              {t(
-                "Drag to select an area on the chart and click 'Compare Attribute Breakdowns' to analyze differences between selected and unselected (baseline) data:"
-              )}
-            </Text>
-            <IllustrationWrapper>
-              <Illustration src={emptyTraceImg} alt="Attribute breakdowns illustration" />
-            </IllustrationWrapper>
-          </Flex>
-          <Arrow />
-        </Content>
-      ) : null}
-    </Wrapper>
-  );
-}
-
-const Wrapper = styled('div')`
-  position: relative;
-`;
-
-const Content = styled(Panel)`
-  position: absolute;
-  left: 50%;
-  top: 40px;
-  width: ${PANEL_WIDTH};
-  transform: translate(-50%, -100%);
-  z-index: ${p => p.theme.zIndex.modal};
-`;
-
-const Arrow = styled('div')`
-  top: 100%;
-  left: 50%;
-  position: absolute;
-  pointer-events: none;
-  border-left: 8px solid transparent;
-  border-right: 8px solid transparent;
-  border-top: 8px solid ${p => p.theme.background};
-  margin-left: -8px;
-  &:before {
-    border-left: 8px solid transparent;
-    border-right: 8px solid transparent;
-    border-top: 8px solid ${p => p.theme.translucentBorder};
-    content: '';
-    display: block;
-    position: absolute;
-    top: -7px;
-    left: -8px;
-    z-index: -1;
-  }
-`;
-
-const IllustrationWrapper = styled('div')`
-  position: relative;
-  height: ${ILLUSTRATION_HEIGHT};
-  @media (max-width: ${p => p.theme.breakpoints.sm}) {
-    display: none;
-  }
-`;
-
-const Illustration = styled('img')`
-  position: absolute;
-  display: block;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  pointer-events: none;
-  height: 100%;
-  overflow: hidden;
-`;
diff --git a/static/app/views/explore/components/attributeBreakdowns/attributeDistributionContent.tsx b/static/app/views/explore/components/attributeBreakdowns/attributeDistributionContent.tsx
index 6b2d3d010bf540..33cd7701eddf7c 100644
--- a/static/app/views/explore/components/attributeBreakdowns/attributeDistributionContent.tsx
+++ b/static/app/views/explore/components/attributeBreakdowns/attributeDistributionContent.tsx
@@ -5,7 +5,9 @@ import styled from '@emotion/styled';
 import {Button} from '@sentry/scraps/button/button';
 import {ButtonBar} from '@sentry/scraps/button/buttonBar';
 import {Flex} from '@sentry/scraps/layout';
+import {Text} from '@sentry/scraps/text/text';
 
+import {Alert} from 'sentry/components/core/alert';
 import Panel from 'sentry/components/panels/panel';
 import BaseSearchBar from 'sentry/components/searchBar';
 import {IconChevron} from 'sentry/icons/iconChevron';
@@ -142,75 +144,86 @@ export function AttributeDistribution() {
 
   return (
     <Panel>
-      <Flex direction="column" gap="2xl" padding="xl">
-        <Fragment>
-          <ControlsContainer>
-            <StyledBaseSearchBar
-              placeholder={t('Search keys')}
-              onChange={q => {
-                setSearchQuery(q);
-              }}
-              query={debouncedSearchQuery}
-              size="sm"
-            />
-            <AttributeBreakdownsComponent.FeedbackButton />
-          </ControlsContainer>
-          {isAttributeBreakdownsLoading || isCohortCountLoading ? (
-            <AttributeBreakdownsComponent.LoadingCharts />
-          ) : error ? (
-            <AttributeBreakdownsComponent.ErrorState error={error} />
-          ) : filteredAttributeDistribution.length > 0 ? (
-            <Fragment>
-              <ChartsGrid>
-                {filteredAttributeDistribution
-                  .slice(page * CHARTS_PER_PAGE, (page + 1) * CHARTS_PER_PAGE)
-                  .map(attribute => (
-                    <Chart
-                      key={attribute.name}
-                      attributeDistribution={attribute}
-                      cohortCount={cohortCount}
-                      theme={theme}
-                    />
-                  ))}
-              </ChartsGrid>
-              <PaginationContainer>
-                <ButtonBar merged gap="0">
-                  <Button
-                    icon={<IconChevron direction="left" />}
-                    aria-label={t('Previous')}
-                    size="sm"
-                    disabled={page === 0}
-                    onClick={() => {
-                      setPage(page - 1);
-                    }}
+      <Flex direction="column" gap="xl" padding="xl">
+        <ChartSelectionAlert />
+        <ControlsContainer>
+          <StyledBaseSearchBar
+            placeholder={t('Search keys')}
+            onChange={q => {
+              setSearchQuery(q);
+            }}
+            query={debouncedSearchQuery}
+            size="sm"
+          />
+          <AttributeBreakdownsComponent.FeedbackButton />
+        </ControlsContainer>
+        {isAttributeBreakdownsLoading || isCohortCountLoading ? (
+          <AttributeBreakdownsComponent.LoadingCharts />
+        ) : error ? (
+          <AttributeBreakdownsComponent.ErrorState error={error} />
+        ) : filteredAttributeDistribution.length > 0 ? (
+          <Fragment>
+            <ChartsGrid>
+              {filteredAttributeDistribution
+                .slice(page * CHARTS_PER_PAGE, (page + 1) * CHARTS_PER_PAGE)
+                .map(attribute => (
+                  <Chart
+                    key={attribute.name}
+                    attributeDistribution={attribute}
+                    cohortCount={cohortCount}
+                    theme={theme}
                   />
-                  <Button
-                    icon={<IconChevron direction="right" />}
-                    aria-label={t('Next')}
-                    size="sm"
-                    disabled={
-                      page ===
-                      Math.ceil(
-                        (filteredAttributeDistribution?.length ?? 0) / CHARTS_PER_PAGE
-                      ) -
-                        1
-                    }
-                    onClick={() => {
-                      setPage(page + 1);
-                    }}
-                  />
-                </ButtonBar>
-              </PaginationContainer>
-            </Fragment>
-          ) : (
-            <AttributeBreakdownsComponent.EmptySearchState />
-          )}
-        </Fragment>
+                ))}
+            </ChartsGrid>
+            <PaginationContainer>
+              <ButtonBar merged gap="0">
+                <Button
+                  icon={<IconChevron direction="left" />}
+                  aria-label={t('Previous')}
+                  size="sm"
+                  disabled={page === 0}
+                  onClick={() => {
+                    setPage(page - 1);
+                  }}
+                />
+                <Button
+                  icon={<IconChevron direction="right" />}
+                  aria-label={t('Next')}
+                  size="sm"
+                  disabled={
+                    page ===
+                    Math.ceil(
+                      (filteredAttributeDistribution?.length ?? 0) / CHARTS_PER_PAGE
+                    ) -
+                      1
+                  }
+                  onClick={() => {
+                    setPage(page + 1);
+                  }}
+                />
+              </ButtonBar>
+            </PaginationContainer>
+          </Fragment>
+        ) : (
+          <AttributeBreakdownsComponent.EmptySearchState />
+        )}
       </Flex>
     </Panel>
   );
 }
 
+function ChartSelectionAlert() {
+  return (
+    <Alert type="info">
+      <Text>
+        {t(
+          'Drag to select a region in the chart above and see how its breakdowns differ from the baseline.'
+        )}
+      </Text>
+    </Alert>
+  );
+}
+
 const ControlsContainer = styled('div')`
   display: flex;
   gap: ${space(0.5)};
diff --git a/static/app/views/explore/spans/charts/index.tsx b/static/app/views/explore/spans/charts/index.tsx
index 82def5e78d118e..9803dfd0c13533 100644
--- a/static/app/views/explore/spans/charts/index.tsx
+++ b/static/app/views/explore/spans/charts/index.tsx
@@ -13,7 +13,6 @@ import useOrganization from 'sentry/utils/useOrganization';
 import {determineSeriesSampleCountAndIsSampled} from 'sentry/views/alerts/rules/metric/utils/determineSeriesSampleCount';
 import {WidgetSyncContextProvider} from 'sentry/views/dashboards/contexts/widgetSyncContext';
 import {Widget} from 'sentry/views/dashboards/widgets/widget/widget';
-import {AttributeComparisonCTA} from 'sentry/views/explore/components/attributeBreakdowns/attributeComparisonCTA';
 import {useChartSelection} from 'sentry/views/explore/components/attributeBreakdowns/chartSelectionContext';
 import {FloatingTrigger} from 'sentry/views/explore/components/attributeBreakdowns/floatingTrigger';
 import {ChartVisualization} from 'sentry/views/explore/components/chart/chartVisualization';
@@ -259,62 +258,58 @@ function Chart({
       ? chartSelection.selection
       : undefined;
 
-  const widget = (
-    <Widget
-      Title={Title}
-      Actions={Actions}
-      Visualization={
-        visualize.visible && (
-          <ChartVisualization
-            chartInfo={chartInfo}
-            chartRef={chartRef}
-            chartXRangeSelection={{
-              initialSelection: initialChartSelection,
-              onClearSelection: () => {
-                setChartSelection(null);
-              },
-              disabled: !organization.features.includes(
-                'performance-spans-suspect-attributes'
-              ),
-              actionMenuRenderer: (selection, clearSelection) => {
-                return (
-                  <FloatingTrigger
-                    chartIndex={index}
-                    selection={selection}
-                    clearSelection={clearSelection}
-                    setTab={setTab}
-                  />
-                );
-              },
-            }}
-          />
-        )
-      }
-      Footer={
-        visualize.visible && (
-          <ConfidenceFooter
-            extrapolate={extrapolate}
-            sampleCount={chartInfo.sampleCount}
-            isLoading={chartInfo.timeseriesResult?.isPending || false}
-            isSampled={chartInfo.isSampled}
-            confidence={chartInfo.confidence}
-            topEvents={
-              topEvents ? Math.min(topEvents, chartInfo.series.length) : undefined
-            }
-            dataScanned={chartInfo.dataScanned}
-            rawSpanCounts={rawSpanCounts}
-            userQuery={query.trim()}
-          />
-        )
-      }
-      height={chartHeight}
-      revealActions="always"
-    />
-  );
-
   return (
     <ChartWrapper ref={chartWrapperRef}>
-      {index === 0 ? <AttributeComparisonCTA>{widget}</AttributeComparisonCTA> : widget}
+      <Widget
+        Title={Title}
+        Actions={Actions}
+        Visualization={
+          visualize.visible && (
+            <ChartVisualization
+              chartInfo={chartInfo}
+              chartRef={chartRef}
+              chartXRangeSelection={{
+                initialSelection: initialChartSelection,
+                onClearSelection: () => {
+                  setChartSelection(null);
+                },
+                disabled: !organization.features.includes(
+                  'performance-spans-suspect-attributes'
+                ),
+                actionMenuRenderer: (selection, clearSelection) => {
+                  return (
+                    <FloatingTrigger
+                      chartIndex={index}
+                      selection={selection}
+                      clearSelection={clearSelection}
+                      setTab={setTab}
+                    />
+                  );
+                },
+              }}
+            />
+          )
+        }
+        Footer={
+          visualize.visible && (
+            <ConfidenceFooter
+              extrapolate={extrapolate}
+              sampleCount={chartInfo.sampleCount}
+              isLoading={chartInfo.timeseriesResult?.isPending || false}
+              isSampled={chartInfo.isSampled}
+              confidence={chartInfo.confidence}
+              topEvents={
+                topEvents ? Math.min(topEvents, chartInfo.series.length) : undefined
+              }
+              dataScanned={chartInfo.dataScanned}
+              rawSpanCounts={rawSpanCounts}
+              userQuery={query.trim()}
+            />
+          )
+        }
+        height={chartHeight}
+        revealActions="always"
+      />
     </ChartWrapper>
   );
 }