diff --git a/changelogs/fragments/7547.yml b/changelogs/fragments/7547.yml
new file mode 100644
index 000000000000..8921d0ba4d14
--- /dev/null
+++ b/changelogs/fragments/7547.yml
@@ -0,0 +1,2 @@
+fix:
+- [Workspace] updating workspace-list-card and home-list-card ([#7547](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/7547))
\ No newline at end of file
diff --git a/src/plugins/home/public/application/components/__snapshots__/home_list_card.test.tsx.snap b/src/plugins/home/public/application/components/__snapshots__/home_list_card.test.tsx.snap
index 892d6a8dc225..8ff4e1d85325 100644
--- a/src/plugins/home/public/application/components/__snapshots__/home_list_card.test.tsx.snap
+++ b/src/plugins/home/public/application/components/__snapshots__/home_list_card.test.tsx.snap
@@ -6,45 +6,65 @@ exports[`<HomeListCard /> should render static content normally 1`] = `
     <div
       class="euiPanel euiPanel--paddingSmall euiPanel--borderRadiusMedium euiPanel--plain euiPanel--noShadow euiPanel--noBorder"
     >
-      <h4
-        class="euiTitle euiTitle--medium"
-      >
-        What's New
-      </h4>
       <div
-        class="euiSpacer euiSpacer--l"
-      />
-      <dl
-        class="euiDescriptionList euiDescriptionList--row"
+        class="euiFlexGroup euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionColumn euiFlexGroup--responsive"
+        style="height: 100%;"
       >
-        <dt
-          class="euiDescriptionList__title"
+        <div
+          class="euiFlexItem euiFlexItem--flexGrowZero"
         >
-          <a
-            class="euiLink euiLink--primary"
-            href="https://opensearch.org/docs/latest/dashboards/quickstart/"
-            rel="noopener noreferrer"
-            target="_blank"
+          <h4
+            class="euiTitle euiTitle--medium"
           >
-            Quickstart guide
-            <span
-              aria-label="External link"
-              class="euiLink__externalIcon"
-              data-euiicon-type="popout"
-            />
-            <span
-              class="euiScreenReaderOnly"
-            >
-              (opens in a new tab or window)
-            </span>
-          </a>
-        </dt>
-        <dd
-          class="euiDescriptionList__description"
+            What's New
+          </h4>
+        </div>
+        <div
+          class="euiSpacer euiSpacer--l"
+        />
+        <div
+          class="euiFlexItem"
+          style="overflow: auto;"
         >
-          Get started in minutes with OpenSearch Dashboards
-        </dd>
-      </dl>
+          <dl
+            class="euiDescriptionList euiDescriptionList--row"
+          >
+            <dt
+              class="euiDescriptionList__title"
+            >
+              <a
+                class="euiLink euiLink--primary"
+                href="https://opensearch.org/docs/latest/dashboards/quickstart/"
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                Quickstart guide
+                <span
+                  aria-label="External link"
+                  class="euiLink__externalIcon"
+                  data-euiicon-type="popout"
+                />
+                <span
+                  class="euiScreenReaderOnly"
+                >
+                  (opens in a new tab or window)
+                </span>
+              </a>
+            </dt>
+            <dd
+              class="euiDescriptionList__description"
+            >
+              Get started in minutes with OpenSearch Dashboards
+            </dd>
+          </dl>
+        </div>
+        <div
+          class="euiSpacer euiSpacer--l"
+        />
+        <div
+          class="euiFlexItem euiFlexItem--flexGrowZero"
+        />
+      </div>
     </div>
   </div>
 </body>
diff --git a/src/plugins/home/public/application/components/home_list_card.test.tsx b/src/plugins/home/public/application/components/home_list_card.test.tsx
index 3e0a646e7279..8558c62727a4 100644
--- a/src/plugins/home/public/application/components/home_list_card.test.tsx
+++ b/src/plugins/home/public/application/components/home_list_card.test.tsx
@@ -25,3 +25,38 @@ describe('<HomeListCard />', () => {
     expect(baseElement).toMatchSnapshot();
   });
 });
+
+it('should render View All button when allLink is provided', () => {
+  const mockConfig = {
+    title: `What's New`,
+    list: [
+      {
+        label: 'Quickstart guide',
+        href: 'https://opensearch.org/docs/latest/dashboards/quickstart/',
+        target: '_blank',
+        description: 'Get started in minutes with OpenSearch Dashboards',
+      },
+    ],
+    allLink: 'https://opensearch.org/docs/latest/',
+  };
+
+  const { getByText } = render(<HomeListCard config={mockConfig} />);
+  expect(getByText('View all')).toBeInTheDocument();
+});
+
+it('should not show View All button when allLink is not provided', () => {
+  const mockConfig = {
+    title: `What's New`,
+    list: [
+      {
+        label: 'Quickstart guide',
+        href: 'https://opensearch.org/docs/latest/dashboards/quickstart/',
+        target: '_blank',
+        description: 'Get started in minutes with OpenSearch Dashboards',
+      },
+    ],
+  };
+
+  const { queryByText } = render(<HomeListCard config={mockConfig} />);
+  expect(queryByText('View all')).not.toBeInTheDocument();
+});
diff --git a/src/plugins/home/public/application/components/home_list_card.tsx b/src/plugins/home/public/application/components/home_list_card.tsx
index c905ca3272cc..707c22e98ff0 100644
--- a/src/plugins/home/public/application/components/home_list_card.tsx
+++ b/src/plugins/home/public/application/components/home_list_card.tsx
@@ -9,10 +9,12 @@ import {
   EuiText,
   EuiLink,
   EuiTitle,
-  EuiPanel,
   EuiDescriptionListTitle,
   EuiDescriptionListDescription,
+  EuiPanel,
   EuiSpacer,
+  EuiFlexGroup,
+  EuiFlexItem,
 } from '@elastic/eui';
 import { i18n } from '@osd/i18n';
 
@@ -67,35 +69,49 @@ export const HomeListCard = ({ config }: { config: Config }) => {
   return (
     <>
       <EuiPanel paddingSize="s" hasBorder={false} hasShadow={false}>
-        <EuiTitle>
-          <h4>{config.title}</h4>
-        </EuiTitle>
-        <EuiSpacer />
-        {config.list.length > 0 && (
-          <EuiDescriptionList>
-            {config.list.map((item) => (
-              <>
-                <EuiDescriptionListTitle>
-                  <EuiLink href={item.href} target="_blank">
-                    {item.label}
-                  </EuiLink>
-                </EuiDescriptionListTitle>
-                <EuiDescriptionListDescription>{item.description}</EuiDescriptionListDescription>
-              </>
-            ))}
-          </EuiDescriptionList>
-        )}
-
-        {config.allLink ? (
-          <>
-            <EuiSpacer />
-            <EuiLink href={config.allLink} target="_blank">
-              <EuiText size="s" style={{ display: 'inline' }}>
-                View all
-              </EuiText>
-            </EuiLink>
-          </>
-        ) : null}
+        <EuiFlexGroup
+          direction="column"
+          justifyContent="spaceBetween"
+          style={{ height: '100%' }}
+          gutterSize="none"
+        >
+          <EuiFlexItem grow={false}>
+            <EuiTitle>
+              <h4>{config.title}</h4>
+            </EuiTitle>
+          </EuiFlexItem>
+          <EuiSpacer />
+          <EuiFlexItem style={{ overflow: 'auto' }} grow={true}>
+            {config.list.length > 0 && (
+              <EuiDescriptionList>
+                {config.list.map((item) => (
+                  <>
+                    <EuiDescriptionListTitle>
+                      <EuiLink href={item.href} target="_blank">
+                        {item.label}
+                      </EuiLink>
+                    </EuiDescriptionListTitle>
+                    <EuiDescriptionListDescription>
+                      {item.description}
+                    </EuiDescriptionListDescription>
+                  </>
+                ))}
+              </EuiDescriptionList>
+            )}
+          </EuiFlexItem>
+          <EuiSpacer />
+          <EuiFlexItem grow={false}>
+            {config.allLink ? (
+              <EuiLink href={config.allLink} target="_blank">
+                <EuiText size="s" className="eui-displayInline">
+                  {i18n.translate('home.list.card.view_all', {
+                    defaultMessage: 'View all',
+                  })}
+                </EuiText>
+              </EuiLink>
+            ) : null}
+          </EuiFlexItem>
+        </EuiFlexGroup>
       </EuiPanel>
     </>
   );
diff --git a/src/plugins/workspace/public/components/service_card/__snapshots__/workspace_list_card.test.tsx.snap b/src/plugins/workspace/public/components/service_card/__snapshots__/workspace_list_card.test.tsx.snap
index 35970676eb7e..0607b29799a9 100644
--- a/src/plugins/workspace/public/components/service_card/__snapshots__/workspace_list_card.test.tsx.snap
+++ b/src/plugins/workspace/public/components/service_card/__snapshots__/workspace_list_card.test.tsx.snap
@@ -6,116 +6,131 @@ exports[`workspace list card render normally should show workspace list card cor
     class="euiPanel euiPanel--paddingSmall euiPanel--borderRadiusMedium euiPanel--plain euiPanel--noShadow euiPanel--noBorder"
   >
     <div
-      class="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
+      class="euiFlexGroup euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionColumn euiFlexGroup--responsive"
+      style="height: 100%;"
     >
       <div
-        class="euiFlexItem euiFlexItem--flexGrow3"
-      >
-        <h4
-          class="euiTitle euiTitle--medium"
-        >
-          Workspaces
-        </h4>
-      </div>
-      <div
-        class="euiFlexItem euiFlexItem--flexGrow1"
-      >
-        <span
-          class="euiToolTipAnchor"
-        >
-          <span
-            aria-label="workspace list card description"
-            data-euiicon-type="iInCircle"
-          />
-        </span>
-      </div>
-      <div
-        class="euiFlexItem euiFlexItem--flexGrow5"
+        class="euiFlexItem euiFlexItem--flexGrowZero"
       >
         <div
-          class="euiFormControlLayout"
+          class="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
         >
           <div
-            class="euiFormControlLayout__childrenWrapper"
+            class="euiFlexItem euiFlexItem--flexGrow3"
           >
-            <select
-              class="euiSelect"
-              data-test-subj="workspace_filter"
+            <h4
+              class="euiTitle euiTitle--medium"
             >
-              <option
-                value="viewed"
-              >
-                Recently viewed
-              </option>
-              <option
-                value="updated"
-              >
-                Recently updated
-              </option>
-            </select>
-            <div
-              class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
+              Workspaces
+            </h4>
+          </div>
+          <div
+            class="euiFlexItem euiFlexItem--flexGrow1"
+          >
+            <span
+              class="euiToolTipAnchor"
             >
               <span
-                class="euiFormControlLayoutCustomIcon"
+                aria-label="workspace list card description"
+                data-euiicon-type="iInCircle"
+              />
+            </span>
+          </div>
+          <div
+            class="euiFlexItem euiFlexItem--flexGrow5"
+          >
+            <div
+              class="euiFormControlLayout"
+            >
+              <div
+                class="euiFormControlLayout__childrenWrapper"
               >
-                <span
-                  aria-hidden="true"
-                  class="euiFormControlLayoutCustomIcon__icon"
-                  data-euiicon-type="arrowDown"
-                />
-              </span>
+                <select
+                  class="euiSelect"
+                  data-test-subj="workspace_filter"
+                >
+                  <option
+                    value="viewed"
+                  >
+                    Recently viewed
+                  </option>
+                  <option
+                    value="updated"
+                  >
+                    Recently updated
+                  </option>
+                </select>
+                <div
+                  class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
+                >
+                  <span
+                    class="euiFormControlLayoutCustomIcon"
+                  >
+                    <span
+                      aria-hidden="true"
+                      class="euiFormControlLayoutCustomIcon__icon"
+                      data-euiicon-type="arrowDown"
+                    />
+                  </span>
+                </div>
+              </div>
             </div>
           </div>
         </div>
       </div>
-    </div>
-    <div
-      class="euiSpacer euiSpacer--l"
-    />
-    <ul
-      class="euiListGroup euiListGroup-flush euiListGroup--gutterSmall euiListGroup-maxWidthDefault"
-      style="min-height: 300px;"
-    >
       <div
-        class="euiEmptyPrompt"
+        class="euiSpacer euiSpacer--l"
+      />
+      <div
+        class="euiFlexItem"
       >
-        <span
-          color="subdued"
-          data-euiicon-type="database"
-        />
         <div
-          class="euiSpacer euiSpacer--m"
-        />
-        <p
-          class="euiTitle euiTitle--xsmall"
-        >
-          No Workspaces found
-        </p>
-        <span
-          class="euiTextColor euiTextColor--subdued"
+          class="euiEmptyPrompt"
         >
+          <span
+            color="subdued"
+            data-euiicon-type="database"
+          />
           <div
             class="euiSpacer euiSpacer--m"
           />
-          <div
-            class="euiText euiText--medium"
+          <p
+            class="euiTitle euiTitle--xsmall"
           >
-            Workspaces you have recently viewed will appear here.
-          </div>
-        </span>
+            No Workspaces found
+          </p>
+          <span
+            class="euiTextColor euiTextColor--subdued"
+          >
+            <div
+              class="euiSpacer euiSpacer--m"
+            />
+            <div
+              class="euiText euiText--medium"
+            >
+              Workspaces you have recently viewed will appear here.
+            </div>
+          </span>
+        </div>
       </div>
-    </ul>
-    <button
-      class="euiLink euiLink--primary"
-      type="button"
-    >
       <div
-        class="euiText euiText--small"
+        class="euiSpacer euiSpacer--l"
+      />
+      <div
+        class="euiFlexItem euiFlexItem--flexGrowZero"
       >
-        View all
+        <button
+          class="euiLink euiLink--primary"
+          type="button"
+        >
+          <div
+            class="euiText euiText--small"
+          >
+            View all
+          </div>
+        </button>
       </div>
-    </button>
+    </div>
   </div>
 </div>
 `;
diff --git a/src/plugins/workspace/public/components/service_card/workspace_list_card.test.tsx b/src/plugins/workspace/public/components/service_card/workspace_list_card.test.tsx
index 24d45d42e725..10efd2b6b591 100644
--- a/src/plugins/workspace/public/components/service_card/workspace_list_card.test.tsx
+++ b/src/plugins/workspace/public/components/service_card/workspace_list_card.test.tsx
@@ -63,4 +63,25 @@ describe('workspace list card render normally', () => {
     expect(getByText('foo')).toBeInTheDocument();
     expect(getByText('bar')).toBeInTheDocument();
   });
+
+  it('should render create workspace button when is dashboard admin and navigate to create new workspace page when clicking on plus button', () => {
+    coreStart.application.capabilities = {
+      ...coreStart.application.capabilities,
+      dashboards: {
+        isDashboardAdmin: true,
+      },
+    };
+
+    const { getByTestId } = render(<WorkspaceListCard core={coreStart} />);
+    const mockButton = getByTestId('create_workspace');
+    fireEvent.click(mockButton);
+    expect(coreStart.application.navigateToApp).toHaveBeenCalledWith('workspace_create');
+  });
+
+  it('should navigate to workspace list page when click on View all button', () => {
+    const { getByText } = render(<WorkspaceListCard core={coreStart} />);
+    const mockButton = getByText('View all');
+    fireEvent.click(mockButton);
+    expect(coreStart.application.navigateToApp).toHaveBeenCalledWith('workspace_list');
+  });
 });
diff --git a/src/plugins/workspace/public/components/service_card/workspace_list_card.tsx b/src/plugins/workspace/public/components/service_card/workspace_list_card.tsx
index 12b14325ce11..009f6519ce8f 100644
--- a/src/plugins/workspace/public/components/service_card/workspace_list_card.tsx
+++ b/src/plugins/workspace/public/components/service_card/workspace_list_card.tsx
@@ -5,17 +5,16 @@
 
 import React, { useState, useEffect, useMemo } from 'react';
 import {
-  EuiPanel,
+  EuiFlexGroup,
   EuiLink,
   EuiDescriptionList,
   EuiIcon,
-  EuiFlexGroup,
   EuiFlexItem,
   EuiSelect,
   EuiButtonIcon,
-  EuiSpacer,
-  EuiListGroup,
   EuiText,
+  EuiSpacer,
+  EuiPanel,
   EuiTitle,
   EuiToolTip,
   EuiEmptyPrompt,
@@ -89,104 +88,118 @@ export const WorkspaceListCard = (props: WorkspaceListCardProps) => {
 
   return (
     <EuiPanel paddingSize="s" hasBorder={false} hasShadow={false}>
-      <EuiFlexGroup gutterSize="xs" alignItems="center">
-        <EuiFlexItem grow={3}>
-          <EuiTitle>
-            <h4>Workspaces</h4>
-          </EuiTitle>
+      <EuiFlexGroup
+        direction="column"
+        justifyContent="spaceBetween"
+        style={{ height: '100%' }}
+        gutterSize="none"
+      >
+        <EuiFlexItem grow={false}>
+          <EuiFlexGroup gutterSize="xs" alignItems="center">
+            <EuiFlexItem grow={3}>
+              <EuiTitle>
+                <h4>Workspaces</h4>
+              </EuiTitle>
+            </EuiFlexItem>
+            <EuiFlexItem grow={1}>
+              <EuiToolTip position="bottom" content={WORKSPACE_LIST_CARD_DESCRIPTION}>
+                <EuiIcon type="iInCircle" aria-label="workspace list card description" />
+              </EuiToolTip>
+            </EuiFlexItem>
+            <EuiFlexItem grow={5}>
+              <EuiSelect
+                value={filter}
+                data-test-subj="workspace_filter"
+                onChange={(e) => {
+                  setFilter(e.target.value);
+                }}
+                options={[
+                  {
+                    value: 'viewed',
+                    text: i18n.translate('workspace.list.card.filter.viewed', {
+                      defaultMessage: 'Recently viewed',
+                    }),
+                  },
+                  {
+                    value: 'updated',
+                    text: i18n.translate('workspace.list.card.filter.updated', {
+                      defaultMessage: 'Recently updated',
+                    }),
+                  },
+                ]}
+              />
+            </EuiFlexItem>
+            {isDashboardAdmin && (
+              <EuiFlexItem grow={false}>
+                <EuiToolTip position="top" content="Create workspace">
+                  <EuiButtonIcon
+                    data-test-subj="create_workspace"
+                    aria-label="create workspace"
+                    display="base"
+                    iconType="plus"
+                    size="m"
+                    onClick={() => {
+                      application.navigateToApp(WORKSPACE_CREATE_APP_ID);
+                    }}
+                  />
+                </EuiToolTip>
+              </EuiFlexItem>
+            )}
+          </EuiFlexGroup>
         </EuiFlexItem>
-        <EuiFlexItem grow={1}>
-          <EuiToolTip position="bottom" content={WORKSPACE_LIST_CARD_DESCRIPTION}>
-            <EuiIcon type="iInCircle" aria-label="workspace list card description" />
-          </EuiToolTip>
+        <EuiSpacer />
+        <EuiFlexItem grow={true}>
+          {workspaceList && workspaceList.length === 0 ? (
+            <EuiEmptyPrompt
+              iconType="database"
+              titleSize="xs"
+              title={<p>No Workspaces found</p>}
+              body={i18n.translate('workspace.list.card.empty', {
+                values: {
+                  filter,
+                },
+                defaultMessage: 'Workspaces you have recently {filter} will appear here.',
+              })}
+            />
+          ) : (
+            <EuiDescriptionList
+              type="column"
+              titleProps={{ style: { width: '70%' } }}
+              descriptionProps={{ style: { width: '30%' } }}
+              listItems={workspaceList.map((workspace) => ({
+                title: (
+                  <EuiLink
+                    onClick={() => {
+                      handleSwitchWorkspace(workspace.id);
+                    }}
+                  >
+                    <EuiText size="s">{workspace.name}</EuiText>
+                  </EuiLink>
+                ),
+                description: (
+                  <EuiText size="s" color="subdued" className="eui-textRight">
+                    {moment(workspace.time).fromNow()}
+                  </EuiText>
+                ),
+              }))}
+            />
+          )}
         </EuiFlexItem>
-        <EuiFlexItem grow={5}>
-          <EuiSelect
-            value={filter}
-            data-test-subj="workspace_filter"
-            onChange={(e) => {
-              setFilter(e.target.value);
+        <EuiSpacer />
+        <EuiFlexItem grow={false}>
+          <EuiLink
+            onClick={() => {
+              application.navigateToApp(WORKSPACE_LIST_APP_ID);
             }}
-            options={[
-              {
-                value: 'viewed',
-                text: i18n.translate('workspace.list.card.filter.viewed', {
-                  defaultMessage: 'Recently viewed',
-                }),
-              },
-              {
-                value: 'updated',
-                text: i18n.translate('workspace.list.card.filter.updated', {
-                  defaultMessage: 'Recently updated',
-                }),
-              },
-            ]}
-          />
+          >
+            <EuiText size="s">
+              {i18n.translate('workspace.list.card.view_all', {
+                defaultMessage: 'View all',
+              })}
+            </EuiText>
+          </EuiLink>
         </EuiFlexItem>
-        {isDashboardAdmin && (
-          <EuiFlexItem grow={false}>
-            <EuiToolTip position="top" content="Create workspace">
-              <EuiButtonIcon
-                data-test-subj="create_workspace"
-                aria-label="create workspace"
-                display="base"
-                iconType="plus"
-                size="m"
-                onClick={() => {
-                  application.navigateToApp(WORKSPACE_CREATE_APP_ID);
-                }}
-              />
-            </EuiToolTip>
-          </EuiFlexItem>
-        )}
       </EuiFlexGroup>
-
-      <EuiSpacer />
-      <EuiListGroup flush={true} bordered={false} style={{ minHeight: '300px' }}>
-        {workspaceList && workspaceList.length === 0 ? (
-          <EuiEmptyPrompt
-            iconType="database"
-            titleSize="xs"
-            title={<p>No Workspaces found</p>}
-            body={i18n.translate('workspace.list.card.empty', {
-              values: {
-                filter,
-              },
-              defaultMessage: 'Workspaces you have recently {filter} will appear here.',
-            })}
-          />
-        ) : (
-          <EuiDescriptionList
-            type="column"
-            titleProps={{ style: { width: '70%' } }}
-            descriptionProps={{ style: { width: '30%' } }}
-            listItems={workspaceList.map((workspace) => ({
-              title: (
-                <EuiLink
-                  onClick={() => {
-                    handleSwitchWorkspace(workspace.id);
-                  }}
-                >
-                  <EuiText size="s">{workspace.name}</EuiText>
-                </EuiLink>
-              ),
-              description: (
-                <EuiText size="s" color="subdued" className="eui-textRight">
-                  {moment(workspace.time).fromNow()}
-                </EuiText>
-              ),
-            }))}
-          />
-        )}
-      </EuiListGroup>
-
-      <EuiLink
-        onClick={() => {
-          application.navigateToApp(WORKSPACE_LIST_APP_ID);
-        }}
-      >
-        <EuiText size="s">View all</EuiText>
-      </EuiLink>
     </EuiPanel>
   );
 };