diff --git a/changelogs/fragments/8217.yml b/changelogs/fragments/8217.yml
new file mode 100644
index 000000000000..ae85b91ecd45
--- /dev/null
+++ b/changelogs/fragments/8217.yml
@@ -0,0 +1,2 @@
+fix:
+- Fix initial page UI issues ([#8217](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/8217))
\ No newline at end of file
diff --git a/src/plugins/workspace/public/components/workspace_initial/__snapshots__/workspace_initial.test.tsx.snap b/src/plugins/workspace/public/components/workspace_initial/__snapshots__/workspace_initial.test.tsx.snap
index 5f294beb33a9..d2e81457be10 100644
--- a/src/plugins/workspace/public/components/workspace_initial/__snapshots__/workspace_initial.test.tsx.snap
+++ b/src/plugins/workspace/public/components/workspace_initial/__snapshots__/workspace_initial.test.tsx.snap
@@ -10,7 +10,8 @@ exports[`WorkspaceInitial render workspace initial page normally when theme is d
       class="euiPageBody euiPageBody--borderRadiusNone"
     >
       <div
-        class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentCenter euiFlexGroup--directionColumn euiFlexGroup--responsive"
+        class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionColumn euiFlexGroup--responsive"
+        style="padding-top: 100px;"
       >
         <div
           class="euiFlexItem euiFlexItem--flexGrowZero"
@@ -46,7 +47,7 @@ exports[`WorkspaceInitial render workspace initial page normally when theme is d
                 <h1
                   class="euiTitle euiTitle--large"
                 >
-                  Create a workspace to get started
+                  Getting started with OpenSearch
                 </h1>
               </div>
               <div
@@ -56,36 +57,24 @@ exports[`WorkspaceInitial render workspace initial page normally when theme is d
                 <div
                   class="euiText euiText--small"
                 >
-                  Welcome to OpenSearch! This interface supports you to easily explore, enrich and visualize your data with developer-friendly tools and powerful integrations for machine learning, data process, and more. To begin, create a workspace for your use case.
+                  OpenSearch is a flexible, scalable, open-source way to build solutions for data-intensive search and analytics applications. Explore, enrich, and visualize your data, using developer-friendly tools and powerful integrations for machine learning, data processing, and more.
                 </div>
               </div>
               <div
                 class="euiFlexItem euiFlexItem--flexGrowZero eui-displayInline"
               >
                 <a
-                  class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small euiButtonEmpty--flushLeft"
-                  data-test-subj="workspace-initial-button-openSearch"
+                  class="euiLink euiLink--primary"
                   href="https://docs.aws.amazon.com/opensearch-service/latest/developerguide/what-is.html"
                   rel="noreferrer"
+                  style="font-weight: normal;"
                 >
+                  Learn more from documentation
                   <span
-                    class="euiButtonContent euiButtonContent--iconRight euiButtonEmpty__content"
-                  >
-                    <span
-                      class="euiButtonContent__icon"
-                      color="inherit"
-                      data-euiicon-type="popout"
-                    />
-                    <span
-                      class="euiButtonEmpty__text"
-                    >
-                      <div
-                        class="euiText euiText--small"
-                      >
-                        Learn more from documentation
-                      </div>
-                    </span>
-                  </span>
+                    aria-label="External link"
+                    class="euiLink__externalIcon"
+                    data-euiicon-type="popout"
+                  />
                 </a>
               </div>
               <div
@@ -303,8 +292,14 @@ exports[`WorkspaceInitial render workspace initial page normally when theme is d
                           class="euiLink euiLink--primary"
                           href="https://playground.opensearch.org/"
                           rel="noreferrer"
+                          style="font-weight: normal;"
                         >
                           playground.opensearch.org
+                          <span
+                            aria-label="External link"
+                            class="euiLink__externalIcon"
+                            data-euiicon-type="popout"
+                          />
                         </a>
                       </div>
                     </div>
@@ -313,6 +308,9 @@ exports[`WorkspaceInitial render workspace initial page normally when theme is d
               </div>
             </div>
           </div>
+          <div
+            class="euiSpacer euiSpacer--m"
+          />
           <button
             class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small euiButtonEmpty--flushLeft"
             data-test-subj="workspace-initial-button-settingsAndSetup"
@@ -354,7 +352,8 @@ exports[`WorkspaceInitial render workspace initial page normally when user is da
       class="euiPageBody euiPageBody--borderRadiusNone"
     >
       <div
-        class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentCenter euiFlexGroup--directionColumn euiFlexGroup--responsive"
+        class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionColumn euiFlexGroup--responsive"
+        style="padding-top: 100px;"
       >
         <div
           class="euiFlexItem euiFlexItem--flexGrowZero"
@@ -390,7 +389,7 @@ exports[`WorkspaceInitial render workspace initial page normally when user is da
                 <h1
                   class="euiTitle euiTitle--large"
                 >
-                  Create a workspace to get started
+                  Getting started with OpenSearch
                 </h1>
               </div>
               <div
@@ -400,36 +399,24 @@ exports[`WorkspaceInitial render workspace initial page normally when user is da
                 <div
                   class="euiText euiText--small"
                 >
-                  Welcome to OpenSearch! This interface supports you to easily explore, enrich and visualize your data with developer-friendly tools and powerful integrations for machine learning, data process, and more. To begin, create a workspace for your use case.
+                  OpenSearch is a flexible, scalable, open-source way to build solutions for data-intensive search and analytics applications. Explore, enrich, and visualize your data, using developer-friendly tools and powerful integrations for machine learning, data processing, and more.
                 </div>
               </div>
               <div
                 class="euiFlexItem euiFlexItem--flexGrowZero eui-displayInline"
               >
                 <a
-                  class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small euiButtonEmpty--flushLeft"
-                  data-test-subj="workspace-initial-button-openSearch"
+                  class="euiLink euiLink--primary"
                   href="https://docs.aws.amazon.com/opensearch-service/latest/developerguide/what-is.html"
                   rel="noreferrer"
+                  style="font-weight: normal;"
                 >
+                  Learn more from documentation
                   <span
-                    class="euiButtonContent euiButtonContent--iconRight euiButtonEmpty__content"
-                  >
-                    <span
-                      class="euiButtonContent__icon"
-                      color="inherit"
-                      data-euiicon-type="popout"
-                    />
-                    <span
-                      class="euiButtonEmpty__text"
-                    >
-                      <div
-                        class="euiText euiText--small"
-                      >
-                        Learn more from documentation
-                      </div>
-                    </span>
-                  </span>
+                    aria-label="External link"
+                    class="euiLink__externalIcon"
+                    data-euiicon-type="popout"
+                  />
                 </a>
               </div>
               <div
@@ -647,8 +634,14 @@ exports[`WorkspaceInitial render workspace initial page normally when user is da
                           class="euiLink euiLink--primary"
                           href="https://playground.opensearch.org/"
                           rel="noreferrer"
+                          style="font-weight: normal;"
                         >
                           playground.opensearch.org
+                          <span
+                            aria-label="External link"
+                            class="euiLink__externalIcon"
+                            data-euiicon-type="popout"
+                          />
                         </a>
                       </div>
                     </div>
@@ -657,6 +650,9 @@ exports[`WorkspaceInitial render workspace initial page normally when user is da
               </div>
             </div>
           </div>
+          <div
+            class="euiSpacer euiSpacer--m"
+          />
           <button
             class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small euiButtonEmpty--flushLeft"
             data-test-subj="workspace-initial-button-settingsAndSetup"
@@ -698,7 +694,8 @@ exports[`WorkspaceInitial render workspace initial page normally when user is no
       class="euiPageBody euiPageBody--borderRadiusNone"
     >
       <div
-        class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentCenter euiFlexGroup--directionColumn euiFlexGroup--responsive"
+        class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionColumn euiFlexGroup--responsive"
+        style="padding-top: 100px;"
       >
         <div
           class="euiFlexItem euiFlexItem--flexGrowZero"
@@ -734,7 +731,7 @@ exports[`WorkspaceInitial render workspace initial page normally when user is no
                 <h1
                   class="euiTitle euiTitle--large"
                 >
-                  Create a workspace to get started
+                  Getting started with OpenSearch
                 </h1>
               </div>
               <div
@@ -744,36 +741,24 @@ exports[`WorkspaceInitial render workspace initial page normally when user is no
                 <div
                   class="euiText euiText--small"
                 >
-                  Welcome to OpenSearch! This interface supports you to easily explore, enrich and visualize your data with developer-friendly tools and powerful integrations for machine learning, data process, and more. To begin, create a workspace for your use case.
+                  OpenSearch is a flexible, scalable, open-source way to build solutions for data-intensive search and analytics applications. Explore, enrich, and visualize your data, using developer-friendly tools and powerful integrations for machine learning, data processing, and more.
                 </div>
               </div>
               <div
                 class="euiFlexItem euiFlexItem--flexGrowZero eui-displayInline"
               >
                 <a
-                  class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small euiButtonEmpty--flushLeft"
-                  data-test-subj="workspace-initial-button-openSearch"
+                  class="euiLink euiLink--primary"
                   href="https://docs.aws.amazon.com/opensearch-service/latest/developerguide/what-is.html"
                   rel="noreferrer"
+                  style="font-weight: normal;"
                 >
+                  Learn more from documentation
                   <span
-                    class="euiButtonContent euiButtonContent--iconRight euiButtonEmpty__content"
-                  >
-                    <span
-                      class="euiButtonContent__icon"
-                      color="inherit"
-                      data-euiicon-type="popout"
-                    />
-                    <span
-                      class="euiButtonEmpty__text"
-                    >
-                      <div
-                        class="euiText euiText--small"
-                      >
-                        Learn more from documentation
-                      </div>
-                    </span>
-                  </span>
+                    aria-label="External link"
+                    class="euiLink__externalIcon"
+                    data-euiicon-type="popout"
+                  />
                 </a>
               </div>
               <div
@@ -977,8 +962,14 @@ exports[`WorkspaceInitial render workspace initial page normally when user is no
                           class="euiLink euiLink--primary"
                           href="https://playground.opensearch.org/"
                           rel="noreferrer"
+                          style="font-weight: normal;"
                         >
                           playground.opensearch.org
+                          <span
+                            aria-label="External link"
+                            class="euiLink__externalIcon"
+                            data-euiicon-type="popout"
+                          />
                         </a>
                       </div>
                     </div>
@@ -987,6 +978,9 @@ exports[`WorkspaceInitial render workspace initial page normally when user is no
               </div>
             </div>
           </div>
+          <div
+            class="euiSpacer euiSpacer--m"
+          />
           <button
             class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--small euiButtonEmpty--flushLeft"
             data-test-subj="workspace-initial-button-settingsAndSetup"
diff --git a/src/plugins/workspace/public/components/workspace_initial/workspace_initial.tsx b/src/plugins/workspace/public/components/workspace_initial/workspace_initial.tsx
index 7e77a2fa1130..110abf8e35d3 100644
--- a/src/plugins/workspace/public/components/workspace_initial/workspace_initial.tsx
+++ b/src/plugins/workspace/public/components/workspace_initial/workspace_initial.tsx
@@ -125,7 +125,7 @@ export const WorkspaceInitial = () => {
         <EuiTitle size="l">
           <h1>
             {i18n.translate('workspace.initial.title', {
-              defaultMessage: 'Create a workspace to get started',
+              defaultMessage: 'Getting started with OpenSearch',
             })}
           </h1>
         </EuiTitle>
@@ -134,24 +134,20 @@ export const WorkspaceInitial = () => {
         <EuiText size="s">
           {i18n.translate('workspace.initial.description', {
             defaultMessage:
-              'Welcome to OpenSearch! This interface supports you to easily explore, enrich and visualize your data with developer-friendly tools and powerful integrations for machine learning, data process, and more. To begin, create a workspace for your use case.',
+              'OpenSearch is a flexible, scalable, open-source way to build solutions for data-intensive search and analytics applications. Explore, enrich, and visualize your data, using developer-friendly tools and powerful integrations for machine learning, data processing, and more.',
           })}
         </EuiText>
       </EuiFlexItem>
       <EuiFlexItem grow={false} className="eui-displayInline">
-        <EuiSmallButtonEmpty
+        <EuiLink
           href="https://docs.aws.amazon.com/opensearch-service/latest/developerguide/what-is.html"
-          iconType="popout"
-          iconSide="right"
-          flush="left"
-          data-test-subj="workspace-initial-button-openSearch"
+          external
+          style={{ fontWeight: 'normal' }}
         >
-          <EuiText size="s">
-            {i18n.translate('workspace.initial.button.openSearch', {
-              defaultMessage: 'Learn more from documentation',
-            })}
-          </EuiText>
-        </EuiSmallButtonEmpty>
+          {i18n.translate('workspace.initial.button.openSearch', {
+            defaultMessage: 'Learn more from documentation',
+          })}
+        </EuiLink>
       </EuiFlexItem>
       <EuiFlexItem grow={false}>
         <EuiTitle size="m">
@@ -176,7 +172,11 @@ export const WorkspaceInitial = () => {
               <EuiText size="s">
                 <EuiIcon type="dashboardApp" size="l" />
                 &nbsp;&nbsp;Explore live demo environment at{' '}
-                <EuiLink href="https://playground.opensearch.org/">
+                <EuiLink
+                  href="https://playground.opensearch.org/"
+                  external
+                  style={{ fontWeight: 'normal' }}
+                >
                   playground.opensearch.org
                 </EuiLink>
               </EuiText>
@@ -190,7 +190,7 @@ export const WorkspaceInitial = () => {
   return (
     <EuiPage style={{ minHeight: '100vh' }}>
       <EuiPageBody>
-        <EuiFlexGroup direction="column" justifyContent="center" alignItems="center">
+        <EuiFlexGroup direction="column" alignItems="center" style={{ paddingTop: '100px' }}>
           <EuiFlexItem grow={false}>
             <EuiImage size="l" alt="OpenSearch" src={logos.OpenSearch.url} />
           </EuiFlexItem>
@@ -206,6 +206,7 @@ export const WorkspaceInitial = () => {
             >
               {content}
             </EuiPageContent>
+            <EuiSpacer size="m" />
             <EuiSmallButtonEmpty
               iconType="gear"
               iconSide="left"