diff --git a/.cypress/integration/notebooks_test/notebooks.spec.js b/.cypress/integration/notebooks_test/notebooks.spec.js
index f1a6d044c..6e21785c1 100644
--- a/.cypress/integration/notebooks_test/notebooks.spec.js
+++ b/.cypress/integration/notebooks_test/notebooks.spec.js
@@ -135,7 +135,7 @@ describe('Testing paragraphs', () => {
     cy.get('a[data-test-subj="createNotebookPrimaryBtn"]').click();
     cy.get('input[data-test-subj="custom-input-modal-input"]').focus().type(TEST_NOTEBOOK);
     cy.get('button[data-test-subj="custom-input-modal-confirm-button"]').click();
-    cy.get('h1[data-test-subj="notebookTitle"]').contains(TEST_NOTEBOOK).should('exist');
+    cy.get('div[data-test-subj="notebookTitle"]').contains(TEST_NOTEBOOK).should('exist');
   });
 
   beforeEach(() => {
@@ -166,7 +166,7 @@ describe('Testing paragraphs', () => {
 
   it('Has working breadcrumbs', () => {
     cy.get('a[data-test-subj="breadcrumb last"]').contains(TEST_NOTEBOOK).click();
-    cy.get('h1[data-test-subj="notebookTitle"]').contains(TEST_NOTEBOOK).should('exist');
+    cy.get('div[data-test-subj="notebookTitle"]').contains(TEST_NOTEBOOK).should('exist');
     cy.get('a[data-test-subj="breadcrumb"]').contains('Notebooks').click();
     cy.get('h3[data-test-subj="notebookTableTitle"]').should('exist');
     cy.get('a[data-test-subj="breadcrumb first"]').contains('Observability').click();
@@ -336,7 +336,7 @@ describe('Testing paragraphs', () => {
   });
 
   it('Clears outputs', () => {
-    cy.get('h1[data-test-subj="notebookTitle"]').contains(TEST_NOTEBOOK).should('exist');
+    cy.get('div[data-test-subj="notebookTitle"]').contains(TEST_NOTEBOOK).should('exist');
     cy.get('[data-test-subj="notebook-paragraph-actions-button"]').should('exist');
     cy.get('[data-test-subj="notebook-paragraph-actions-button"]').click();
     cy.get('.euiContextMenuItem__text').contains('Clear all outputs').click();
@@ -346,7 +346,7 @@ describe('Testing paragraphs', () => {
   });
 
   it('Runs all paragraphs', () => {
-    cy.get('h1[data-test-subj="notebookTitle"]').contains(TEST_NOTEBOOK).should('exist');
+    cy.get('div[data-test-subj="notebookTitle"]').contains(TEST_NOTEBOOK).should('exist');
     cy.get('[data-test-subj="notebook-paragraph-actions-button"]').click();
     cy.get('.euiContextMenuItem__text').contains('Run all paragraphs').click();
 
@@ -354,7 +354,7 @@ describe('Testing paragraphs', () => {
   });
 
   it('Adds paragraph to top', () => {
-    cy.get('h1[data-test-subj="notebookTitle"]').contains(TEST_NOTEBOOK).should('exist');
+    cy.get('div[data-test-subj="notebookTitle"]').contains(TEST_NOTEBOOK).should('exist');
 
     cy.get('[data-test-subj="notebook-paragraph-actions-button"]').click();
     cy.get('.euiContextMenuItem__text').contains('Add paragraph to top').click();
@@ -364,7 +364,7 @@ describe('Testing paragraphs', () => {
   });
 
   it('Adds paragraph to bottom', () => {
-    cy.get('h1[data-test-subj="notebookTitle"]').contains(TEST_NOTEBOOK).should('exist');
+    cy.get('div[data-test-subj="notebookTitle"]').contains(TEST_NOTEBOOK).should('exist');
     cy.get('[data-test-subj="notebook-paragraph-actions-button"]').click();
     cy.get('.euiContextMenuItem__text').contains('Add paragraph to bottom').click();
     cy.get('.euiContextMenuItem__text').contains('Code block').click();
@@ -374,7 +374,7 @@ describe('Testing paragraphs', () => {
   });
 
   it('Moves paragraphs', () => {
-    cy.get('h1[data-test-subj="notebookTitle"]').contains(TEST_NOTEBOOK).should('exist');
+    cy.get('div[data-test-subj="notebookTitle"]').contains(TEST_NOTEBOOK).should('exist');
     cy.get('.euiButtonIcon[aria-label="Open paragraph menu"').eq(0).click();
     cy.get('.euiContextMenuItem-isDisabled').should('have.length.gte', 2);
     cy.get('.euiContextMenuItem__text').contains('Move to bottom').click();
@@ -383,7 +383,7 @@ describe('Testing paragraphs', () => {
   });
 
   it('Duplicates and renames the notebook', () => {
-    cy.get('h1[data-test-subj="notebookTitle"]').contains(TEST_NOTEBOOK).should('exist');
+    cy.get('div[data-test-subj="notebookTitle"]').contains(TEST_NOTEBOOK).should('exist');
     cy.get('[data-test-subj="notebook-notebook-actions-button"]').click();
     cy.get('.euiContextMenuItem__text').contains('Duplicate notebook').click();
     cy.get('.euiButton__text').contains('Duplicate').click();
@@ -394,14 +394,14 @@ describe('Testing paragraphs', () => {
     cy.get('.euiButton__text').last().contains('Rename').click();
     cy.reload();
 
-    cy.get('.euiTitle')
+    cy.get('.euiText')
       .contains(TEST_NOTEBOOK + ' (rename)')
       .should('exist');
     cy.get(`a[href="${SAMPLE_URL}"]`).should('have.length.gte', 2);
   });
 
   it('Deletes paragraphs', () => {
-    cy.get('h1[data-test-subj="notebookTitle"]').contains(TEST_NOTEBOOK).should('exist');
+    cy.get('div[data-test-subj="notebookTitle"]').contains(TEST_NOTEBOOK).should('exist');
     cy.get('[data-test-subj="notebook-paragraph-actions-button"]').click();
     cy.get('.euiContextMenuItem__text').contains('Delete all paragraphs').click();
     cy.get('button[data-test-subj="confirmModalConfirmButton"]').click();
diff --git a/public/components/notebooks/components/__tests__/__snapshots__/note_table.test.tsx.snap b/public/components/notebooks/components/__tests__/__snapshots__/note_table.test.tsx.snap
index 59bd9e38f..508ac33e8 100644
--- a/public/components/notebooks/components/__tests__/__snapshots__/note_table.test.tsx.snap
+++ b/public/components/notebooks/components/__tests__/__snapshots__/note_table.test.tsx.snap
@@ -16,11 +16,13 @@ exports[`<NoteTable /> spec renders the component 1`] = `
         <div
           class="euiPageHeaderSection"
         >
-          <h1
-            class="euiTitle euiTitle--large"
+          <div
+            class="euiText euiText--small"
           >
-            Notebooks
-          </h1>
+            <h1>
+              Notebooks
+            </h1>
+          </div>
         </div>
       </header>
       <div
@@ -935,11 +937,13 @@ exports[`<NoteTable /> spec renders the empty component 1`] = `
         <div
           class="euiPageHeaderSection"
         >
-          <h1
-            class="euiTitle euiTitle--large"
+          <div
+            class="euiText euiText--small"
           >
-            Notebooks
-          </h1>
+            <h1>
+              Notebooks
+            </h1>
+          </div>
         </div>
       </header>
       <div
@@ -1094,7 +1098,7 @@ exports[`<NoteTable /> spec renders the empty component 1`] = `
               class="euiSpacer euiSpacer--m"
             />
             <div
-              class="euiText euiText--medium"
+              class="euiText euiText--small"
             >
               <div
                 class="euiTextColor euiTextColor--subdued"
diff --git a/public/components/notebooks/components/__tests__/__snapshots__/notebook.test.tsx.snap b/public/components/notebooks/components/__tests__/__snapshots__/notebook.test.tsx.snap
index 5e491534f..253279eaa 100644
--- a/public/components/notebooks/components/__tests__/__snapshots__/notebook.test.tsx.snap
+++ b/public/components/notebooks/components/__tests__/__snapshots__/notebook.test.tsx.snap
@@ -152,12 +152,14 @@ exports[`<Notebook /> spec Renders the empty component 1`] = `
       <div
         class="euiSpacer euiSpacer--s"
       />
-      <h1
-        class="euiTitle euiTitle--large"
+      <div
+        class="euiText euiText--small"
         data-test-subj="notebookTitle"
       >
-        sample-notebook-1
-      </h1>
+        <h1>
+          sample-notebook-1
+        </h1>
+      </div>
       <div
         class="euiSpacer euiSpacer--l"
       />
@@ -171,7 +173,7 @@ exports[`<Notebook /> spec Renders the empty component 1`] = `
           class="euiFlexItem euiFlexItem--flexGrowZero"
         >
           <div
-            class="euiText euiText--medium"
+            class="euiText euiText--small"
           >
             <div>
               <p>
@@ -203,7 +205,7 @@ exports[`<Notebook /> spec Renders the empty component 1`] = `
                 No paragraphs
               </h2>
               <div
-                class="euiText euiText--medium"
+                class="euiText euiText--small"
               >
                 Add a paragraph to compose your document or story. Notebooks now support two types of input:
               </div>
@@ -426,10 +428,12 @@ exports[`<Notebook /> spec Renders the visualization component 1`] = `
       <div
         class="euiSpacer euiSpacer--s"
       />
-      <h1
-        class="euiTitle euiTitle--large"
+      <div
+        class="euiText euiText--small"
         data-test-subj="notebookTitle"
-      />
+      >
+        <h1 />
+      </div>
       <div
         class="euiSpacer euiSpacer--l"
       />
@@ -485,7 +489,7 @@ exports[`<Notebook /> spec Renders the visualization component 1`] = `
           class="euiFlexItem euiFlexItem--flexGrowZero"
         >
           <div
-            class="euiText euiText--medium"
+            class="euiText euiText--small"
           >
             <div>
               <p>
@@ -517,7 +521,7 @@ exports[`<Notebook /> spec Renders the visualization component 1`] = `
                 No paragraphs
               </h2>
               <div
-                class="euiText euiText--medium"
+                class="euiText euiText--small"
               >
                 Add a paragraph to compose your document or story. Notebooks now support two types of input:
               </div>
diff --git a/public/components/notebooks/components/helpers/__tests__/__snapshots__/modal_containers.test.tsx.snap b/public/components/notebooks/components/helpers/__tests__/__snapshots__/modal_containers.test.tsx.snap
index e4bd51e8a..ff1a3680a 100644
--- a/public/components/notebooks/components/helpers/__tests__/__snapshots__/modal_containers.test.tsx.snap
+++ b/public/components/notebooks/components/helpers/__tests__/__snapshots__/modal_containers.test.tsx.snap
@@ -8,14 +8,24 @@ exports[`modal_containers spec render delete notebooks modal 1`] = `
   >
     <EuiModalHeader>
       <EuiModalHeaderTitle>
-        title
+        <EuiText
+          size="s"
+        >
+          <h2>
+            title
+          </h2>
+        </EuiText>
       </EuiModalHeaderTitle>
     </EuiModalHeader>
     <EuiModalBody>
-      <EuiText>
+      <EuiText
+        size="s"
+      >
         message
       </EuiText>
-      <EuiText>
+      <EuiText
+        size="s"
+      >
         The action cannot be undone.
       </EuiText>
       <EuiSpacer />
@@ -69,7 +79,13 @@ exports[`modal_containers spec render get custom modal 1`] = `
   >
     <EuiModalHeader>
       <EuiModalHeaderTitle>
-        title
+        <EuiText
+          size="s"
+        >
+          <h2>
+            title
+          </h2>
+        </EuiText>
       </EuiModalHeaderTitle>
     </EuiModalHeader>
     <EuiModalBody>
diff --git a/public/components/notebooks/components/helpers/custom_modals/__tests__/__snapshots__/custom_input_modal.test.tsx.snap b/public/components/notebooks/components/helpers/custom_modals/__tests__/__snapshots__/custom_input_modal.test.tsx.snap
index e90e49399..4f15d856d 100644
--- a/public/components/notebooks/components/helpers/custom_modals/__tests__/__snapshots__/custom_input_modal.test.tsx.snap
+++ b/public/components/notebooks/components/helpers/custom_modals/__tests__/__snapshots__/custom_input_modal.test.tsx.snap
@@ -8,7 +8,13 @@ exports[`<CustomInputModal /> spec renders the component 1`] = `
   >
     <EuiModalHeader>
       <EuiModalHeaderTitle>
-        title
+        <EuiText
+          size="s"
+        >
+          <h2>
+            title
+          </h2>
+        </EuiText>
       </EuiModalHeaderTitle>
     </EuiModalHeader>
     <EuiModalBody>
@@ -58,7 +64,13 @@ exports[`<CustomInputModal /> spec renders the component 2`] = `
   >
     <EuiModalHeader>
       <EuiModalHeaderTitle>
-        title
+        <EuiText
+          size="s"
+        >
+          <h2>
+            title
+          </h2>
+        </EuiText>
       </EuiModalHeaderTitle>
     </EuiModalHeader>
     <EuiModalBody>
diff --git a/public/components/notebooks/components/helpers/custom_modals/custom_input_modal.tsx b/public/components/notebooks/components/helpers/custom_modals/custom_input_modal.tsx
index 10ade574a..a3fdaea88 100644
--- a/public/components/notebooks/components/helpers/custom_modals/custom_input_modal.tsx
+++ b/public/components/notebooks/components/helpers/custom_modals/custom_input_modal.tsx
@@ -16,6 +16,7 @@ import {
   EuiCompressedFormRow,
   EuiCompressedFieldText,
   EuiSmallButton,
+  EuiText,
 } from '@elastic/eui';
 
 /*
@@ -30,7 +31,7 @@ import {
  * btn2txt - string as content to fill "confirm button"
  * openNoteName - Default input value for the field
  */
-type CustomInputModalProps = {
+interface CustomInputModalProps {
   runModal: (value: string) => void;
   closeModal: (
     event?: React.KeyboardEvent<HTMLDivElement> | React.MouseEvent<HTMLButtonElement, MouseEvent>
@@ -41,10 +42,19 @@ type CustomInputModalProps = {
   btn2txt: string;
   openNoteName: string;
   helpText: string;
-};
+}
 
 export const CustomInputModal = (props: CustomInputModalProps) => {
-  const { runModal, closeModal, labelTxt, titletxt, btn1txt, btn2txt, openNoteName, helpText } = props;
+  const {
+    runModal,
+    closeModal,
+    labelTxt,
+    titletxt,
+    btn1txt,
+    btn2txt,
+    openNoteName,
+    helpText,
+  } = props;
   const [value, setValue] = useState(openNoteName || ''); // sets input value
 
   const onChange = (e: React.ChangeEvent<HTMLInputElement>) => {
@@ -55,7 +65,11 @@ export const CustomInputModal = (props: CustomInputModalProps) => {
     <EuiOverlayMask>
       <EuiModal onClose={closeModal} initialFocus="[name=input]">
         <EuiModalHeader>
-          <EuiModalHeaderTitle>{titletxt}</EuiModalHeaderTitle>
+          <EuiModalHeaderTitle>
+            <EuiText size="s">
+              <h2>{titletxt}</h2>
+            </EuiText>
+          </EuiModalHeaderTitle>
         </EuiModalHeader>
 
         <EuiModalBody>
@@ -73,7 +87,11 @@ export const CustomInputModal = (props: CustomInputModalProps) => {
 
         <EuiModalFooter>
           <EuiSmallButtonEmpty onClick={closeModal}>{btn1txt}</EuiSmallButtonEmpty>
-          <EuiSmallButton data-test-subj="custom-input-modal-confirm-button" onClick={() => runModal(value)} fill>
+          <EuiSmallButton
+            data-test-subj="custom-input-modal-confirm-button"
+            onClick={() => runModal(value)}
+            fill
+          >
             {btn2txt}
           </EuiSmallButton>
         </EuiModalFooter>
diff --git a/public/components/notebooks/components/helpers/custom_modals/reporting_loading_modal.tsx b/public/components/notebooks/components/helpers/custom_modals/reporting_loading_modal.tsx
index 4f28904d7..d6e586d90 100644
--- a/public/components/notebooks/components/helpers/custom_modals/reporting_loading_modal.tsx
+++ b/public/components/notebooks/components/helpers/custom_modals/reporting_loading_modal.tsx
@@ -7,21 +7,18 @@ import {
   EuiOverlayMask,
   EuiModal,
   EuiModalHeader,
-  EuiTitle,
   EuiText,
   EuiModalBody,
   EuiSpacer,
   EuiFlexGroup,
   EuiFlexItem,
   EuiLoadingSpinner,
-  EuiSmallButton
-} from "@elastic/eui";
-import React from "react";
+  EuiSmallButton,
+} from '@elastic/eui';
+import React from 'react';
 
-export function GenerateReportLoadingModal(props: { setShowLoading: any; }) {
-  const {
-    setShowLoading
-  } = props;
+export function GenerateReportLoadingModal(props: { setShowLoading: any }) {
+  const { setShowLoading } = props;
 
   const closeModal = () => {
     setShowLoading(false);
@@ -36,15 +33,15 @@ export function GenerateReportLoadingModal(props: { setShowLoading: any; }) {
           id="downloadInProgressLoadingModal"
         >
           <EuiModalHeader>
-            <EuiTitle>
-              <EuiText textAlign="right">
-                <h2>Generating report</h2>
-              </EuiText>
-            </EuiTitle>
+            <EuiText size="s" textAlign="right">
+              <h2>Generating report</h2>
+            </EuiText>
           </EuiModalHeader>
           <EuiModalBody>
-            <EuiText>Preparing your file for download.</EuiText>
-            <EuiText>You can close this dialog while we continue in the background.</EuiText>
+            <EuiText size="s">Preparing your file for download.</EuiText>
+            <EuiText size="s">
+              You can close this dialog while we continue in the background.
+            </EuiText>
             <EuiSpacer />
             <EuiFlexGroup justifyContent="center" alignItems="center">
               <EuiFlexItem grow={false}>
@@ -67,4 +64,4 @@ export function GenerateReportLoadingModal(props: { setShowLoading: any; }) {
       </EuiOverlayMask>
     </div>
   );
-};
+}
diff --git a/public/components/notebooks/components/helpers/modal_containers.tsx b/public/components/notebooks/components/helpers/modal_containers.tsx
index 5b31c78a1..412767597 100644
--- a/public/components/notebooks/components/helpers/modal_containers.tsx
+++ b/public/components/notebooks/components/helpers/modal_containers.tsx
@@ -18,7 +18,7 @@ import {
   EuiModalHeader,
   EuiModalHeaderTitle,
   EuiText,
-  EuiSpacer
+  EuiSpacer,
 } from '@elastic/eui';
 import { CustomInputModal } from './custom_modals/custom_input_modal';
 
@@ -38,7 +38,7 @@ export const getCustomModal = (
   btn1txt: string,
   btn2txt: string,
   openNoteName?: string,
-  helpText?: string,
+  helpText?: string
 ) => {
   return (
     <CustomInputModal
@@ -92,7 +92,12 @@ export const getSampleNotebooksModal = (
         confirmButtonText="Yes"
         defaultFocusedButton="confirm"
       >
-        <p>Do you want to add sample notebooks? This will also add Dashboards sample flights and logs data if they have not been added.</p>
+        <EuiText size="s">
+          <p>
+            Do you want to add sample notebooks? This will also add Dashboards sample flights and
+            logs data if they have not been added.
+          </p>
+        </EuiText>
       </EuiConfirmModal>
     </EuiOverlayMask>
   );
@@ -105,7 +110,7 @@ export const getDeleteModal = (
   onConfirm: (event?: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void,
   title: string,
   message: string,
-  confirmMessage?: string,
+  confirmMessage?: string
 ) => {
   return (
     <EuiOverlayMask>
@@ -114,11 +119,11 @@ export const getDeleteModal = (
         onCancel={onCancel}
         onConfirm={onConfirm}
         cancelButtonText="Cancel"
-        confirmButtonText={confirmMessage || "Delete"}
+        confirmButtonText={confirmMessage || 'Delete'}
         buttonColor="danger"
         defaultFocusedButton="confirm"
       >
-        {message}
+        <EuiText size="s">{message}</EuiText>
       </EuiConfirmModal>
     </EuiOverlayMask>
   );
@@ -145,12 +150,16 @@ export const DeleteNotebookModal = ({
     <EuiOverlayMask>
       <EuiModal onClose={onCancel} initialFocus="[name=input]">
         <EuiModalHeader>
-          <EuiModalHeaderTitle>{title}</EuiModalHeaderTitle>
+          <EuiModalHeaderTitle>
+            <EuiText size="s">
+              <h2>{title}</h2>
+            </EuiText>
+          </EuiModalHeaderTitle>
         </EuiModalHeader>
 
         <EuiModalBody>
-          <EuiText>{message}</EuiText>
-          <EuiText>The action cannot be undone.</EuiText>
+          <EuiText size="s">{message}</EuiText>
+          <EuiText size="s">The action cannot be undone.</EuiText>
           <EuiSpacer />
           <EuiForm>
             <EuiCompressedFormRow label={'To confirm deletion, enter "delete" in the text field'}>
diff --git a/public/components/notebooks/components/note_table.tsx b/public/components/notebooks/components/note_table.tsx
index 68995a6f3..e677ddd20 100644
--- a/public/components/notebooks/components/note_table.tsx
+++ b/public/components/notebooks/components/note_table.tsx
@@ -234,9 +234,9 @@ export function NoteTable({
         <EuiPageBody component="div">
           <EuiPageHeader>
             <EuiPageHeaderSection>
-              <EuiTitle size="l">
+              <EuiText size="s">
                 <h1>Notebooks</h1>
-              </EuiTitle>
+              </EuiText>
             </EuiPageHeaderSection>
           </EuiPageHeader>
           <EuiPageContent id="notebookArea">
@@ -266,7 +266,7 @@ export function NoteTable({
                       isOpen={isActionsPopoverOpen}
                       closePopover={() => setIsActionsPopoverOpen(false)}
                     >
-                      <EuiContextMenuPanel items={popoverItems} />
+                      <EuiContextMenuPanel items={popoverItems} size="s" />
                     </EuiPopover>
                   </EuiFlexItem>
                   <EuiFlexItem>
@@ -322,7 +322,7 @@ export function NoteTable({
                 <EuiText textAlign="center" data-test-subj="notebookEmptyTableText">
                   <h2>No notebooks</h2>
                   <EuiSpacer size="m" />
-                  <EuiText color="subdued">
+                  <EuiText color="subdued" size="s">
                     Use notebooks to create post-mortem reports, build live infrastructure
                     <br />
                     reports, or foster explorative collaborations with data.
diff --git a/public/components/notebooks/components/notebook.tsx b/public/components/notebooks/components/notebook.tsx
index 146dcbc93..d7d82fabb 100644
--- a/public/components/notebooks/components/notebook.tsx
+++ b/public/components/notebooks/components/notebook.tsx
@@ -21,7 +21,6 @@ import {
   EuiPopover,
   EuiSpacer,
   EuiText,
-  EuiTitle,
 } from '@elastic/eui';
 import CSS from 'csstype';
 import moment from 'moment';
@@ -1007,7 +1006,7 @@ export class Notebook extends Component<NotebookProps, NotebookState> {
           isOpen={this.state.isReportingActionsPopoverOpen}
           closePopover={() => this.setState({ isReportingActionsPopoverOpen: false })}
         >
-          <EuiContextMenu initialPanelId={0} panels={reportingActionPanels} />
+          <EuiContextMenu initialPanelId={0} panels={reportingActionPanels} size="s" />
         </EuiPopover>
       </div>
     ) : null;
@@ -1059,7 +1058,7 @@ export class Notebook extends Component<NotebookProps, NotebookState> {
                     isOpen={this.state.isParaActionsPopoverOpen}
                     closePopover={() => this.setState({ isParaActionsPopoverOpen: false })}
                   >
-                    <EuiContextMenu initialPanelId={0} panels={paraActionsPanels} />
+                    <EuiContextMenu initialPanelId={0} panels={paraActionsPanels} size="s" />
                   </EuiPopover>
                 </EuiFlexItem>
               )}
@@ -1084,7 +1083,7 @@ export class Notebook extends Component<NotebookProps, NotebookState> {
                     isOpen={this.state.isNoteActionsPopoverOpen}
                     closePopover={() => this.setState({ isNoteActionsPopoverOpen: false })}
                   >
-                    <EuiContextMenu initialPanelId={0} panels={noteActionsPanels} />
+                    <EuiContextMenu initialPanelId={0} panels={noteActionsPanels} size="s" />
                   </EuiPopover>
                 </EuiFlexItem>
               ) : (
@@ -1109,9 +1108,9 @@ export class Notebook extends Component<NotebookProps, NotebookState> {
               )}
             </EuiFlexGroup>
             <EuiSpacer size="s" />
-            <EuiTitle size="l" data-test-subj="notebookTitle">
+            <EuiText size="s" data-test-subj="notebookTitle">
               <h1>{this.state.path}</h1>
-            </EuiTitle>
+            </EuiText>
             <EuiSpacer />
             {!this.state.savedObjectNotebook && (
               <EuiFlexGroup>
@@ -1133,7 +1132,7 @@ export class Notebook extends Component<NotebookProps, NotebookState> {
             <EuiSpacer size="m" />
             <EuiFlexGroup alignItems={'flexStart'} gutterSize={'l'}>
               <EuiFlexItem grow={false}>
-                <EuiText>{createdText}</EuiText>
+                <EuiText size="s">{createdText}</EuiText>
               </EuiFlexItem>
             </EuiFlexGroup>
             {this.state.parsedPara.length > 0 ? (
@@ -1198,7 +1197,7 @@ export class Notebook extends Component<NotebookProps, NotebookState> {
                       isOpen={this.state.isAddParaPopoverOpen}
                       closePopover={() => this.setState({ isAddParaPopoverOpen: false })}
                     >
-                      <EuiContextMenu initialPanelId={0} panels={addParaPanels} />
+                      <EuiContextMenu initialPanelId={0} panels={addParaPanels} size="s" />
                     </EuiPopover>
                   </>
                 )}
@@ -1210,7 +1209,7 @@ export class Notebook extends Component<NotebookProps, NotebookState> {
                   <EuiSpacer size="xxl" />
                   <EuiText textAlign="center">
                     <h2>No paragraphs</h2>
-                    <EuiText>
+                    <EuiText size="s">
                       Add a paragraph to compose your document or story. Notebooks now support two
                       types of input:
                     </EuiText>
diff --git a/public/components/notebooks/components/paragraph_components/__tests__/__snapshots__/para_output.test.tsx.snap b/public/components/notebooks/components/paragraph_components/__tests__/__snapshots__/para_output.test.tsx.snap
index 5c0e7b6fd..e00e0947f 100644
--- a/public/components/notebooks/components/paragraph_components/__tests__/__snapshots__/para_output.test.tsx.snap
+++ b/public/components/notebooks/components/paragraph_components/__tests__/__snapshots__/para_output.test.tsx.snap
@@ -11,7 +11,7 @@ exports[`<ParaOutput /> spec renders dashboards visualization outputs 1`] = `
 
 exports[`<ParaOutput /> spec renders markdown outputs 1`] = `
 <div
-  class="euiText euiText--medium wrapAll markdown-output-text"
+  class="euiText euiText--small wrapAll markdown-output-text"
   data-test-subj="markdownOutputText"
 >
   <div
diff --git a/public/components/notebooks/components/paragraph_components/__tests__/__snapshots__/paragraphs.test.tsx.snap b/public/components/notebooks/components/paragraph_components/__tests__/__snapshots__/paragraphs.test.tsx.snap
index df03d616a..03bce6593 100644
--- a/public/components/notebooks/components/paragraph_components/__tests__/__snapshots__/paragraphs.test.tsx.snap
+++ b/public/components/notebooks/components/paragraph_components/__tests__/__snapshots__/paragraphs.test.tsx.snap
@@ -253,7 +253,7 @@ exports[`<Paragraphs /> spec renders the component 1`] = `
         class="euiFlexItem euiFlexItem--flexGrowZero"
       >
         <button
-          class="euiButton euiButton--primary euiButton--small euiButton--fill"
+          class="euiButton euiButton--primary euiButton--small"
           data-test-subj="runRefreshBtn-0"
           type="button"
         >
@@ -293,7 +293,7 @@ exports[`<Paragraphs /> spec renders the component 1`] = `
         class="euiFlexItem"
       >
         <div
-          class="euiText euiText--medium"
+          class="euiText euiText--small"
           data-test-subj="lastRunText"
         >
           <div
@@ -314,7 +314,7 @@ exports[`<Paragraphs /> spec renders the component 1`] = `
       style="opacity: 1; padding: 15px;"
     >
       <div
-        class="euiText euiText--medium wrapAll markdown-output-text"
+        class="euiText euiText--small wrapAll markdown-output-text"
         data-test-subj="markdownOutputText"
       >
         <div
diff --git a/public/components/notebooks/components/paragraph_components/para_input.tsx b/public/components/notebooks/components/paragraph_components/para_input.tsx
index 71245c7f9..f53cf06a3 100644
--- a/public/components/notebooks/components/paragraph_components/para_input.tsx
+++ b/public/components/notebooks/components/paragraph_components/para_input.tsx
@@ -186,7 +186,11 @@ export const ParaInput = (props: {
           <EuiOverlayMask>
             <EuiModal onClose={() => setIsModalOpen(false)} style={{ width: 500 }}>
               <EuiModalHeader>
-                <EuiModalHeaderTitle>Browse visualizations</EuiModalHeaderTitle>
+                <EuiModalHeaderTitle>
+                  <EuiText size="s">
+                    <h2>Browse visualizations</h2>
+                  </EuiText>
+                </EuiModalHeaderTitle>
               </EuiModalHeader>
 
               <EuiModalBody>
@@ -219,7 +223,9 @@ export const ParaInput = (props: {
               </EuiModalBody>
 
               <EuiModalFooter>
-                <EuiSmallButtonEmpty onClick={() => setIsModalOpen(false)}>Cancel</EuiSmallButtonEmpty>
+                <EuiSmallButtonEmpty onClick={() => setIsModalOpen(false)}>
+                  Cancel
+                </EuiSmallButtonEmpty>
                 <EuiSmallButton
                   data-test-subj="para-input-select-button"
                   onClick={() => onSelect()}
diff --git a/public/components/notebooks/components/paragraph_components/para_output.tsx b/public/components/notebooks/components/paragraph_components/para_output.tsx
index b82d8f091..c4ab9a017 100644
--- a/public/components/notebooks/components/paragraph_components/para_output.tsx
+++ b/public/components/notebooks/components/paragraph_components/para_output.tsx
@@ -108,6 +108,7 @@ const OutputBody = ({
             key={key}
             className="wrapAll markdown-output-text"
             data-test-subj="markdownOutputText"
+            size="s"
           >
             <MarkdownRender source={val} />
           </EuiText>
diff --git a/public/components/notebooks/components/paragraph_components/paragraphs.tsx b/public/components/notebooks/components/paragraph_components/paragraphs.tsx
index 1d740b76b..c7b517f79 100644
--- a/public/components/notebooks/components/paragraph_components/paragraphs.tsx
+++ b/public/components/notebooks/components/paragraph_components/paragraphs.tsx
@@ -447,7 +447,7 @@ export const Paragraphs = forwardRef((props: ParagraphProps, ref) => {
               isOpen={isPopoverOpen}
               closePopover={() => setIsPopoverOpen(false)}
             >
-              <EuiContextMenu initialPanelId={0} panels={panels} />
+              <EuiContextMenu initialPanelId={0} panels={panels} size="s" />
             </EuiPopover>
           </EuiFlexItem>
         </EuiFlexGroup>
@@ -469,7 +469,7 @@ export const Paragraphs = forwardRef((props: ParagraphProps, ref) => {
             )}
           </EuiFlexItem>
           <EuiFlexItem>
-            <EuiText color="subdued" data-test-subj="lastRunText">
+            <EuiText color="subdued" data-test-subj="lastRunText" size="s">
               {`Last successful run ${moment(props.dateModified).format(UI_DATE_FORMAT)}.`}
             </EuiText>
           </EuiFlexItem>
@@ -484,12 +484,12 @@ export const Paragraphs = forwardRef((props: ParagraphProps, ref) => {
             <EuiIcon type="questionInCircle" color="primary" />
           </EuiFlexItem>
           <EuiFlexItem grow={false}>
-            <EuiText color="subdued">
+            <EuiText color="subdued" size="s">
               {`Output available from ${moment(props.dateModified).format(UI_DATE_FORMAT)}`}
             </EuiText>
           </EuiFlexItem>
           <EuiFlexItem>
-            <EuiText>
+            <EuiText size="s">
               <EuiLink
                 data-test-subj="viewBothLink"
                 onClick={() => props.setSelectedViewId('view_both', index)}
@@ -618,7 +618,6 @@ export const Paragraphs = forwardRef((props: ParagraphProps, ref) => {
                   <EuiSmallButton
                     data-test-subj={`runRefreshBtn-${index}`}
                     onClick={() => onRunPara()}
-                    fill
                   >
                     {isOutputAvailable ? 'Refresh' : 'Run'}
                   </EuiSmallButton>