diff --git a/public/components/main/__tests__/__snapshots__/main.test.tsx.snap b/public/components/main/__tests__/__snapshots__/main.test.tsx.snap
index 7ae7810d..0b025ce1 100644
--- a/public/components/main/__tests__/__snapshots__/main.test.tsx.snap
+++ b/public/components/main/__tests__/__snapshots__/main.test.tsx.snap
@@ -39,7 +39,7 @@ exports[`<Main /> panel render component 1`] = `
         class="euiFlexItem euiFlexItem--flexGrowZero"
       >
         <button
-          class="euiButton euiButton--primary"
+          class="euiButton euiButton--primary euiButton--small"
           type="button"
         >
           <span
@@ -534,7 +534,7 @@ exports[`<Main /> panel render component 1`] = `
         class="euiFlexItem euiFlexItem--flexGrowZero"
       >
         <button
-          class="euiButton euiButton--primary"
+          class="euiButton euiButton--primary euiButton--small"
           type="button"
         >
           <span
@@ -566,7 +566,7 @@ exports[`<Main /> panel render component 1`] = `
         class="euiFlexItem euiFlexItem--flexGrowZero"
       >
         <button
-          class="euiButton euiButton--primary euiButton--fill"
+          class="euiButton euiButton--primary euiButton--small euiButton--fill"
           id="createReportHomepageButton"
           type="button"
         >
@@ -983,7 +983,7 @@ exports[`<Main /> panel render component after create success 1`] = `
         class="euiFlexItem euiFlexItem--flexGrowZero"
       >
         <button
-          class="euiButton euiButton--primary"
+          class="euiButton euiButton--primary euiButton--small"
           type="button"
         >
           <span
@@ -1480,7 +1480,7 @@ exports[`<Main /> panel render component after create success 1`] = `
         class="euiFlexItem euiFlexItem--flexGrowZero"
       >
         <button
-          class="euiButton euiButton--primary"
+          class="euiButton euiButton--primary euiButton--small"
           type="button"
         >
           <span
@@ -1512,7 +1512,7 @@ exports[`<Main /> panel render component after create success 1`] = `
         class="euiFlexItem euiFlexItem--flexGrowZero"
       >
         <button
-          class="euiButton euiButton--primary euiButton--fill"
+          class="euiButton euiButton--primary euiButton--small euiButton--fill"
           id="createReportHomepageButton"
           type="button"
         >
@@ -1986,7 +1986,7 @@ exports[`<Main /> panel render component after delete success 1`] = `
         class="euiFlexItem euiFlexItem--flexGrowZero"
       >
         <button
-          class="euiButton euiButton--primary"
+          class="euiButton euiButton--primary euiButton--small"
           type="button"
         >
           <span
@@ -2483,7 +2483,7 @@ exports[`<Main /> panel render component after delete success 1`] = `
         class="euiFlexItem euiFlexItem--flexGrowZero"
       >
         <button
-          class="euiButton euiButton--primary"
+          class="euiButton euiButton--primary euiButton--small"
           type="button"
         >
           <span
@@ -2515,7 +2515,7 @@ exports[`<Main /> panel render component after delete success 1`] = `
         class="euiFlexItem euiFlexItem--flexGrowZero"
       >
         <button
-          class="euiButton euiButton--primary euiButton--fill"
+          class="euiButton euiButton--primary euiButton--small euiButton--fill"
           id="createReportHomepageButton"
           type="button"
         >
@@ -2990,7 +2990,7 @@ exports[`<Main /> panel render component after edit success 1`] = `
         class="euiFlexItem euiFlexItem--flexGrowZero"
       >
         <button
-          class="euiButton euiButton--primary"
+          class="euiButton euiButton--primary euiButton--small"
           type="button"
         >
           <span
@@ -3487,7 +3487,7 @@ exports[`<Main /> panel render component after edit success 1`] = `
         class="euiFlexItem euiFlexItem--flexGrowZero"
       >
         <button
-          class="euiButton euiButton--primary"
+          class="euiButton euiButton--primary euiButton--small"
           type="button"
         >
           <span
@@ -3519,7 +3519,7 @@ exports[`<Main /> panel render component after edit success 1`] = `
         class="euiFlexItem euiFlexItem--flexGrowZero"
       >
         <button
-          class="euiButton euiButton--primary euiButton--fill"
+          class="euiButton euiButton--primary euiButton--small euiButton--fill"
           id="createReportHomepageButton"
           type="button"
         >
diff --git a/public/components/main/main.tsx b/public/components/main/main.tsx
index 3049003a..8116f634 100644
--- a/public/components/main/main.tsx
+++ b/public/components/main/main.tsx
@@ -8,7 +8,7 @@ import { i18n } from '@osd/i18n';
 import {
   EuiFlexGroup,
   EuiFlexItem,
-  EuiButton,
+  EuiSmallButton,
   // @ts-ignore
   EuiHorizontalRule,
   EuiSpacer,
@@ -296,7 +296,7 @@ export function Main(props) {
             </EuiText>
           </EuiFlexItem>
           <EuiFlexItem component="span" grow={false}>
-            <EuiButton
+            <EuiSmallButton
               onClick={refreshReportsTable}
               iconSide="left"
               iconType="refresh"
@@ -305,7 +305,7 @@ export function Main(props) {
                 'opensearch.reports.main.reports.button.refresh',
                 { defaultMessage: 'Refresh' }
               )}
-            </EuiButton>
+            </EuiSmallButton>
           </EuiFlexItem>
         </EuiFlexGroup>
         <EuiHorizontalRule margin='s' />
@@ -336,7 +336,7 @@ export function Main(props) {
             </EuiText>
           </EuiFlexItem>
           <EuiFlexItem grow={false}>
-            <EuiButton
+            <EuiSmallButton
               onClick={refreshReportsDefinitionsTable}
               iconSide="left"
               iconType="refresh"
@@ -345,10 +345,10 @@ export function Main(props) {
                 'opensearch.reports.main.reportDefinitions.button.refresh',
                 { defaultMessage: 'Refresh' }
               )}
-            </EuiButton>
+            </EuiSmallButton>
           </EuiFlexItem>
           <EuiFlexItem component="span" grow={false}>
-            <EuiButton
+            <EuiSmallButton
               fill={true}
               onClick={() => {
                 window.location.assign('reports-dashboards#/create');
@@ -359,7 +359,7 @@ export function Main(props) {
                 'opensearch.reports.main.reportDefinitions.button.create',
                 { defaultMessage: 'Create' }
               )}
-            </EuiButton>
+            </EuiSmallButton>
           </EuiFlexItem>
         </EuiFlexGroup>
         <EuiHorizontalRule margin='s' />
@@ -375,4 +375,4 @@ export function Main(props) {
       />
     </div>
   );
-}
\ No newline at end of file
+}