From 79d8e798d6297512a97dede678c5384a217ff107 Mon Sep 17 00:00:00 2001
From: Laura Whitaker <laura.whitaker@temporal.io>
Date: Tue, 17 Dec 2024 09:55:04 -0700
Subject: [PATCH] Remove rounded borders (#2449)

* Change borders from 2px to 1px

* Change ring from 4px to 2px

* Remove rounded border in layout and components

* Remove rounded border for input components

* Remove rounded border for button component

* Remove rounded border for other Holocene components

* Remove more rounded borders

* Remove unnecessary table data cells

* Remove rounding on signin and login pages
---
 .../components/batch-operations/table.svelte  |  3 --
 .../components/bottom-nav-namespaces.svelte   |  2 +-
 src/lib/components/bottom-nav.svelte          |  4 +-
 .../event/event-details-full.svelte           |  4 +-
 .../components/event/event-details-row.svelte |  2 +-
 .../components/event/event-summary-row.svelte | 12 +-----
 .../event/pending-activity-summary-row.svelte |  4 +-
 .../event/pending-nexus-summary-row.svelte    |  4 +-
 src/lib/components/feedback-button.svelte     | 10 +----
 .../import/event-history-file-import.svelte   |  2 +-
 .../lines-and-dots/workflow-error.svelte      |  2 +-
 src/lib/components/login-button.svelte        |  2 +-
 src/lib/components/panel.svelte               |  2 +-
 .../schedule/schedule-basic-frequency.svelte  |  2 +-
 .../conditional-menu.svelte                   |  4 +-
 .../duration-filter.svelte                    |  3 +-
 .../search-attribute-filter/index.svelte      |  9 ----
 .../list-filter.svelte                        | 13 ++----
 .../number-filter.svelte                      |  3 +-
 .../search-attribute-menu.svelte              |  2 +-
 .../text-filter.svelte                        |  3 +-
 .../components/worker-compatibility.svelte    |  6 +--
 src/lib/components/worker-rules.svelte        |  4 +-
 src/lib/components/worker-table.svelte        |  4 +-
 .../batch-operation-confirmation-form.svelte  |  2 +-
 .../dropdown-filter/conditional.svelte        | 10 +----
 .../workflow/input-and-results.svelte         |  2 +-
 .../workflow/workflow-advanced-search.svelte  |  4 +-
 .../workflow/workflow-counts.svelte           |  2 +-
 .../table-header-row.svelte                   |  7 +---
 .../table-row.svelte                          |  3 --
 .../holocene/accordion/accordion-group.svelte |  4 +-
 .../holocene/accordion/accordion-light.svelte |  2 +-
 src/lib/holocene/accordion/accordion.svelte   | 11 ++---
 src/lib/holocene/alert.svelte                 |  2 +-
 src/lib/holocene/button.stories.svelte        |  8 ----
 src/lib/holocene/button.svelte                | 15 -------
 src/lib/holocene/card.svelte                  |  2 +-
 src/lib/holocene/checkbox.svelte              |  1 -
 src/lib/holocene/chip.svelte                  |  2 +-
 src/lib/holocene/combobox/combobox.svelte     |  2 +-
 src/lib/holocene/compatibility-badge.svelte   |  4 +-
 src/lib/holocene/copyable/button.svelte       |  2 +-
 src/lib/holocene/drawer.svelte                |  3 +-
 src/lib/holocene/empty-state.svelte           |  2 +-
 src/lib/holocene/file-input.svelte            |  2 +-
 src/lib/holocene/input/chip-input.svelte      | 18 +-------
 src/lib/holocene/input/input.stories.svelte   | 10 -----
 src/lib/holocene/input/input.svelte           | 24 +++--------
 .../input/number-input.stories.svelte         | 10 -----
 src/lib/holocene/input/number-input.svelte    | 29 ++-----------
 src/lib/holocene/input/range-input.svelte     |  2 +-
 .../keyboard-shortcut/shortcut.svelte         |  2 +-
 src/lib/holocene/link.svelte                  |  2 +-
 src/lib/holocene/menu/menu-item.svelte        |  2 +-
 src/lib/holocene/menu/menu.svelte             |  2 +-
 src/lib/holocene/modal.svelte                 |  2 +-
 src/lib/holocene/monaco/markdown.svelte       |  2 +-
 .../navigation/navigation-badge.svelte        |  2 +-
 .../navigation/navigation-button.svelte       |  4 +-
 .../navigation/navigation-container.svelte    |  4 +-
 .../navigation/navigation-item.svelte         |  4 +-
 .../orderable-list/orderable-list-item.svelte |  6 +--
 .../orderable-list/orderable-list.svelte      |  2 +-
 src/lib/holocene/select/simple-select.svelte  |  7 +---
 src/lib/holocene/tab/tab.svelte               |  2 +-
 .../table/paginated-table/index.svelte        |  6 +--
 .../holocene/table/table-header-row.svelte    |  2 -
 src/lib/holocene/table/table-row.svelte       |  2 -
 src/lib/holocene/table/table.svelte           | 42 ++-----------------
 src/lib/holocene/textarea.svelte              |  4 +-
 .../toggle-button/toggle-button.svelte        |  9 ----
 src/lib/holocene/tooltip.svelte               |  2 +-
 src/lib/holocene/user-menu.svelte             |  4 +-
 src/lib/layouts/workflow-header.svelte        |  7 +---
 .../layouts/workflow-history-layout.svelte    |  2 +-
 src/lib/layouts/workflow-run-layout.svelte    |  2 +-
 src/lib/pages/nexus-endpoint.svelte           |  2 +-
 src/lib/pages/nexus-endpoints.svelte          |  2 +-
 src/lib/vendor/codemirror/theme.ts            |  1 -
 .../(app)/select-namespace/+page.svelte       |  6 +--
 src/routes/(login)/login/+page.svelte         |  4 +-
 src/routes/(login)/signin/+page.svelte        |  4 +-
 83 files changed, 107 insertions(+), 328 deletions(-)

diff --git a/src/lib/components/batch-operations/table.svelte b/src/lib/components/batch-operations/table.svelte
index 2fe83d378..df8da6fd0 100644
--- a/src/lib/components/batch-operations/table.svelte
+++ b/src/lib/components/batch-operations/table.svelte
@@ -62,9 +62,6 @@
       <td class="max-sm:hidden" colspan="4">
         <EmptyState title={translate('batch.empty-state-title')}></EmptyState>
       </td>
-      <td class="sm:hidden" colspan="2">
-        <EmptyState title={translate('batch.empty-state-title')}></EmptyState>
-      </td>
     </TableRow>
   {/each}
 </Table>
diff --git a/src/lib/components/bottom-nav-namespaces.svelte b/src/lib/components/bottom-nav-namespaces.svelte
index eac4dbdec..889044e43 100644
--- a/src/lib/components/bottom-nav-namespaces.svelte
+++ b/src/lib/components/bottom-nav-namespaces.svelte
@@ -45,7 +45,7 @@
 
 <style lang="postcss">
   .namespace {
-    @apply w-full cursor-pointer rounded border border-transparent text-left text-sm font-medium hover:surface-interactive-secondary focus-visible:surface-interactive-secondary focus-visible:border-inverse focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/70 dark:focus-visible:border-interactive;
+    @apply w-full cursor-pointer border border-transparent text-left text-sm font-medium hover:surface-interactive-secondary focus-visible:surface-interactive-secondary focus-visible:border-inverse focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/70 dark:focus-visible:border-interactive;
 
     &.selected {
       @apply text-brand;
diff --git a/src/lib/components/bottom-nav.svelte b/src/lib/components/bottom-nav.svelte
index f0ed4c484..c2452eca7 100644
--- a/src/lib/components/bottom-nav.svelte
+++ b/src/lib/components/bottom-nav.svelte
@@ -159,10 +159,10 @@
 
 <style lang="postcss">
   .namespace-wrapper {
-    @apply surface-black flex h-10 w-full grow flex-row items-center rounded-lg border border-subtle px-0.5 text-sm dark:focus-within:surface-primary focus-within:border-interactive focus-within:outline-none focus-within:ring-2 focus-within:ring-primary/70;
+    @apply surface-black flex h-10 w-full grow flex-row items-center border border-subtle px-0.5 text-sm dark:focus-within:surface-primary focus-within:border-interactive focus-within:outline-none focus-within:ring-2 focus-within:ring-primary/70;
   }
 
   .nav-button {
-    @apply relative select-none rounded-lg p-1 text-center align-middle text-xs font-medium uppercase transition-all;
+    @apply relative select-none p-1 text-center align-middle text-xs font-medium uppercase transition-all;
   }
 </style>
diff --git a/src/lib/components/event/event-details-full.svelte b/src/lib/components/event/event-details-full.svelte
index 57b170274..ae9b61fcb 100644
--- a/src/lib/components/event/event-details-full.svelte
+++ b/src/lib/components/event/event-details-full.svelte
@@ -20,7 +20,7 @@
 {#if showEventGroup}
   <div class="w-full p-2">
     <div
-      class="flex flex-col gap-0 overflow-hidden rounded-xl border border-subtle xl:flex-row"
+      class="flex flex-col gap-0 overflow-hidden border border-subtle xl:flex-row"
     >
       {#each group.eventList as groupEvent}
         {@const attributes = formatAttributes(groupEvent)}
@@ -76,7 +76,7 @@
   {@const attributes = formatAttributes(event)}
   {@const details = Object.entries(attributes)}
   <div class="w-full p-2">
-    <div class="w-full overflow-hidden rounded-xl border border-subtle">
+    <div class="w-full overflow-hidden border border-subtle">
       <EventLinksExpanded links={event?.links} />
       {#each details as [key, value] (key)}
         <EventDetailsRowExpanded {key} {value} {attributes} />
diff --git a/src/lib/components/event/event-details-row.svelte b/src/lib/components/event/event-details-row.svelte
index 491665be7..02797b30f 100644
--- a/src/lib/components/event/event-details-row.svelte
+++ b/src/lib/components/event/event-details-row.svelte
@@ -61,6 +61,6 @@
 
 <style lang="postcss">
   .payload {
-    @apply overflow-hidden rounded border border-subtle bg-primary px-1 py-0.5 font-mono text-xs;
+    @apply overflow-hidden border border-subtle bg-primary px-1 py-0.5 font-mono text-xs;
   }
 </style>
diff --git a/src/lib/components/event/event-summary-row.svelte b/src/lib/components/event/event-summary-row.svelte
index e5be88cba..628004a65 100644
--- a/src/lib/components/event/event-summary-row.svelte
+++ b/src/lib/components/event/event-summary-row.svelte
@@ -181,7 +181,7 @@
     {#if pendingAttempt}
       <div
         class="flex items-center gap-1 {pendingAttempt > 1 &&
-          'surface-retry rounded px-1 py-0.5'}"
+          'surface-retry px-1 py-0.5'}"
       >
         <Icon class="mr-1.5 inline" name="retry" />
         {translate('workflows.attempt')}
@@ -227,7 +227,7 @@
     class:typedError
     class="row expanded"
   >
-    <td class="expanded-cell w-full" colspan="4">
+    <td class="expanded-cell w-full">
       <EventDetailsFull {group} event={currentEvent} />
     </td>
   </tr>
@@ -269,12 +269,4 @@
   .typedError .expanded-cell {
     @apply border-b-0;
   }
-
-  .row.typedError {
-    @apply rounded-lg;
-
-    &.expanded {
-      @apply rounded-b-none;
-    }
-  }
 </style>
diff --git a/src/lib/components/event/pending-activity-summary-row.svelte b/src/lib/components/event/pending-activity-summary-row.svelte
index 7af85a5c5..cbeb3a2f3 100644
--- a/src/lib/components/event/pending-activity-summary-row.svelte
+++ b/src/lib/components/event/pending-activity-summary-row.svelte
@@ -57,7 +57,7 @@
       </p>
       <div
         class="flex items-center gap-1 {event.attempt > 1 &&
-          'surface-retry rounded px-1 py-0.5'}"
+          'surface-retry px-1 py-0.5'}"
       >
         <Icon class="mr-1.5 inline" name="retry" />
         {translate('workflows.attempt')}
@@ -82,7 +82,7 @@
 </tr>
 {#if expanded}
   <tr class="row expanded">
-    <td class="expanded-cell w-full" colspan="3">
+    <td class="expanded-cell w-full">
       <EventDetailsFull {group} />
     </td>
   </tr>
diff --git a/src/lib/components/event/pending-nexus-summary-row.svelte b/src/lib/components/event/pending-nexus-summary-row.svelte
index dd277ec06..c6cbab1ed 100644
--- a/src/lib/components/event/pending-nexus-summary-row.svelte
+++ b/src/lib/components/event/pending-nexus-summary-row.svelte
@@ -58,7 +58,7 @@
         {#if event.attempt}
           <div
             class="flex items-center gap-1 {event.attempt > 1 &&
-              'surface-retry rounded px-1 py-0.5'}"
+              'surface-retry px-1 py-0.5'}"
           >
             <Icon class="mr-1.5 inline" name="retry" />
             {translate('workflows.attempt')}
@@ -79,7 +79,7 @@
 </tr>
 {#if expanded}
   <tr class="row expanded">
-    <td class="expanded-cell w-full" colspan="3">
+    <td class="expanded-cell w-full">
       <EventDetailsFull {group} />
     </td>
   </tr>
diff --git a/src/lib/components/feedback-button.svelte b/src/lib/components/feedback-button.svelte
index f072373aa..48b15b920 100644
--- a/src/lib/components/feedback-button.svelte
+++ b/src/lib/components/feedback-button.svelte
@@ -10,23 +10,17 @@
 
 <a {href} target="_blank" data-testid="give-feedback" rel="noreferrer">
   <div class="feedback-button">
-    <div class="feedback-icon">
-      <Icon class="text-purple-200" name="feedback" height={12} width={12} />
-    </div>
+    <Icon class="mr-2 text-purple-200" name="feedback" height={12} width={12} />
     Give Feedback
   </div>
 </a>
 
 <style lang="postcss">
   .feedback-button {
-    @apply flex cursor-pointer items-center justify-between rounded-full px-4 py-2 text-sm text-purple-200 shadow-md;
+    @apply flex cursor-pointer items-center justify-between px-4 py-2 text-sm text-purple-200 shadow-md;
   }
 
   .feedback-button:hover {
     @apply bg-slate-700;
   }
-
-  .feedback-icon {
-    @apply mr-2 rounded-full border-purple-200;
-  }
 </style>
diff --git a/src/lib/components/import/event-history-file-import.svelte b/src/lib/components/import/event-history-file-import.svelte
index 49cfa7f3f..6b8465668 100644
--- a/src/lib/components/import/event-history-file-import.svelte
+++ b/src/lib/components/import/event-history-file-import.svelte
@@ -67,7 +67,7 @@
   />
   <input
     id="import-event-history-file-upload"
-    class="import-input block rounded-md border border-slate-200 p-2"
+    class="import-input block border border-slate-200 p-2"
     type="file"
     accept=".json"
     on:change={onFileSelect}
diff --git a/src/lib/components/lines-and-dots/workflow-error.svelte b/src/lib/components/lines-and-dots/workflow-error.svelte
index 74037b33b..fb0d27719 100644
--- a/src/lib/components/lines-and-dots/workflow-error.svelte
+++ b/src/lib/components/lines-and-dots/workflow-error.svelte
@@ -46,7 +46,7 @@
       </p>
     {/if}
     <div
-      class="mt-2 flex w-full flex-col gap-0 overflow-hidden rounded-xl border border-danger"
+      class="mt-2 flex w-full flex-col gap-0 overflow-hidden border border-danger"
     >
       <div class="flex items-center justify-between gap-2 bg-danger px-2 py-2">
         <div class="flex items-center gap-2">
diff --git a/src/lib/components/login-button.svelte b/src/lib/components/login-button.svelte
index 3c05d6510..2933069a1 100644
--- a/src/lib/components/login-button.svelte
+++ b/src/lib/components/login-button.svelte
@@ -13,7 +13,7 @@
 
 <style lang="postcss">
   .login-button {
-    @apply flex items-center justify-center rounded-full px-4 py-2 text-sm text-white;
+    @apply flex items-center justify-center px-4 py-2 text-sm text-white;
   }
 
   .login-button:hover {
diff --git a/src/lib/components/panel.svelte b/src/lib/components/panel.svelte
index 6c791512a..2a72031f7 100644
--- a/src/lib/components/panel.svelte
+++ b/src/lib/components/panel.svelte
@@ -8,7 +8,7 @@
 
 <style lang="postcss">
   .panel {
-    @apply rounded-xl border p-8 dark:border-subtle;
+    @apply border p-8 dark:border-subtle;
 
     &.error {
       @apply border-danger bg-danger;
diff --git a/src/lib/components/schedule/schedule-basic-frequency.svelte b/src/lib/components/schedule/schedule-basic-frequency.svelte
index f2063008d..029f169bd 100644
--- a/src/lib/components/schedule/schedule-basic-frequency.svelte
+++ b/src/lib/components/schedule/schedule-basic-frequency.svelte
@@ -22,6 +22,6 @@
 
 <style lang="postcss">
   .frequency {
-    @apply flex h-auto max-h-32 flex-col overflow-auto rounded-lg border border-subtle bg-primary px-2 py-2 font-mono text-sm;
+    @apply flex h-auto max-h-32 flex-col overflow-auto border border-subtle bg-primary px-2 py-2 font-mono text-sm;
   }
 </style>
diff --git a/src/lib/components/search-attribute-filter/conditional-menu.svelte b/src/lib/components/search-attribute-filter/conditional-menu.svelte
index 82c7ac86e..21cbe8970 100644
--- a/src/lib/components/search-attribute-filter/conditional-menu.svelte
+++ b/src/lib/components/search-attribute-filter/conditional-menu.svelte
@@ -59,9 +59,7 @@
   <MenuButton
     class="{noBorderRight ? '!border-r-0' : ''} {noBorderLeft
       ? '!border-l-0'
-      : ''} whitespace-nowrap {isNullFilter
-      ? 'rounded-l-none'
-      : 'rounded-none'}"
+      : ''} whitespace-nowrap"
     id="conditional-menu-button"
     controls="conditional-menu"
     {disabled}
diff --git a/src/lib/components/search-attribute-filter/duration-filter.svelte b/src/lib/components/search-attribute-filter/duration-filter.svelte
index 9da995f6e..e414127e3 100644
--- a/src/lib/components/search-attribute-filter/duration-filter.svelte
+++ b/src/lib/components/search-attribute-filter/duration-filter.svelte
@@ -43,8 +43,7 @@
       $filter.attribute
     } (${translate('workflows.duration-filter-placeholder')})`}
     icon="search"
-    class="w-full"
-    unroundLeft
+    class="w-full [&_*]:border-l-0"
     bind:value={_value}
     on:keydown={handleKeydown}
     on:input={validateDuration}
diff --git a/src/lib/components/search-attribute-filter/index.svelte b/src/lib/components/search-attribute-filter/index.svelte
index e3f7660db..f2f4fae07 100644
--- a/src/lib/components/search-attribute-filter/index.svelte
+++ b/src/lib/components/search-attribute-filter/index.svelte
@@ -228,13 +228,4 @@
   .filter {
     @apply grow;
   }
-
-  :global(.attribute-selected) {
-    @apply rounded-r-none;
-  }
-
-  :global(#time-range-filter),
-  :global(#boolean-filter) {
-    @apply rounded-l-none;
-  }
 </style>
diff --git a/src/lib/components/search-attribute-filter/list-filter.svelte b/src/lib/components/search-attribute-filter/list-filter.svelte
index 55748999c..d0f547b0c 100644
--- a/src/lib/components/search-attribute-filter/list-filter.svelte
+++ b/src/lib/components/search-attribute-filter/list-filter.svelte
@@ -44,20 +44,14 @@
         labelHidden
         id="list-filter"
         bind:chips
-        class="w-full"
+        class="w-full [&_*]:border-l-0 [&_*]:border-r-0"
         removeChipButtonLabel={(chip) =>
           translate('workflows.remove-keyword-label', { keyword: chip })}
         placeholder="{translate('common.enter')} {$filter.attribute}"
-        unroundLeft
-        unroundRight
         external
       />
       <div class="flex h-fit items-center">
-        <Button
-          borderRadiusModifier="square-left"
-          disabled={!chips.length}
-          type="submit"
-        >
+        <Button disabled={!chips.length} type="submit">
           {translate('common.search')}
         </Button>
         <slot />
@@ -70,8 +64,7 @@
         type="search"
         placeholder={`${translate('common.enter')} ${$filter.attribute}`}
         icon="search"
-        class="w-full"
-        unroundLeft
+        class="w-full [&_*]:border-l-0"
         bind:value={_value}
         on:keydown={handleKeydown}
       />
diff --git a/src/lib/components/search-attribute-filter/number-filter.svelte b/src/lib/components/search-attribute-filter/number-filter.svelte
index fc77793f9..606916203 100644
--- a/src/lib/components/search-attribute-filter/number-filter.svelte
+++ b/src/lib/components/search-attribute-filter/number-filter.svelte
@@ -34,8 +34,7 @@
     bind:value={_value}
     {min}
     on:keydown={handleKeydown}
-    unroundLeft
     search
-    class="-mr-2"
+    class="-mr-2 [&_*]:border-l-0"
   />
 </ConditionalMenu>
diff --git a/src/lib/components/search-attribute-filter/search-attribute-menu.svelte b/src/lib/components/search-attribute-filter/search-attribute-menu.svelte
index 6c4ab4daf..ff9522f35 100644
--- a/src/lib/components/search-attribute-filter/search-attribute-menu.svelte
+++ b/src/lib/components/search-attribute-filter/search-attribute-menu.svelte
@@ -57,7 +57,7 @@
     disabled={$activeQueryIndex !== null}
     count={$filter.attribute ? 0 : filters.length}
     on:click={() => (searchAttributeValue = '')}
-    class="text-nowrap {!!$filter.attribute && 'attribute-selected'}"
+    class="text-nowrap"
   >
     <svelte:fragment slot="leading">
       {#if !$filter.attribute}
diff --git a/src/lib/components/search-attribute-filter/text-filter.svelte b/src/lib/components/search-attribute-filter/text-filter.svelte
index 563bc0555..6b555c728 100644
--- a/src/lib/components/search-attribute-filter/text-filter.svelte
+++ b/src/lib/components/search-attribute-filter/text-filter.svelte
@@ -39,8 +39,7 @@
     type="search"
     placeholder={`${translate('common.enter')} ${$filter.attribute}`}
     icon="search"
-    class="w-full"
-    unroundLeft
+    class="w-full [&_*]:border-l-0"
     bind:value={_value}
     on:keydown={handleKeydown}
   />
diff --git a/src/lib/components/worker-compatibility.svelte b/src/lib/components/worker-compatibility.svelte
index 86271e0df..18122daa5 100644
--- a/src/lib/components/worker-compatibility.svelte
+++ b/src/lib/components/worker-compatibility.svelte
@@ -71,7 +71,7 @@
     </TableRow>
   {:else}
     <tr class="w-full">
-      <td colspan="6">
+      <td colspan="2">
         <EmptyState title={translate('workers.no-version-sets-found')} />
       </td>
     </tr>
@@ -79,7 +79,7 @@
 </Table>
 <h2 class="flex items-center gap-2" data-testid="workers">
   {translate('workers.workers')}
-  <Badge type="count" class="rounded-sm">{workers?.pollers?.length || 0}</Badge>
+  <Badge type="count">{workers?.pollers?.length || 0}</Badge>
 </h2>
 <Table class="mb-6 w-full min-w-[600px] table-fixed">
   <caption class="sr-only" slot="caption"
@@ -161,7 +161,7 @@
     </TableRow>
   {:else}
     <tr class="w-full">
-      <td colspan={reachability?.buildIdReachability?.length ? 8 : 6}>
+      <td colspan={reachability?.buildIdReachability?.length ? 6 : 4}>
         <EmptyState title={translate('workflows.workers-empty-state')} />
       </td>
     </tr>
diff --git a/src/lib/components/worker-rules.svelte b/src/lib/components/worker-rules.svelte
index 6cca06239..5dc68b047 100644
--- a/src/lib/components/worker-rules.svelte
+++ b/src/lib/components/worker-rules.svelte
@@ -60,7 +60,7 @@
     </TableRow>
   {:else}
     <tr class="w-full">
-      <td colspan="6">
+      <td colspan="4">
         <EmptyState title={translate('workers.no-assignment-rules-found')} />
       </td>
     </tr>
@@ -104,7 +104,7 @@
     </TableRow>
   {:else}
     <tr class="w-full">
-      <td colspan="6">
+      <td colspan="3">
         <EmptyState title={translate('workers.no-redirect-rules-found')} />
       </td>
     </tr>
diff --git a/src/lib/components/worker-table.svelte b/src/lib/components/worker-table.svelte
index c4f7cdf34..17c3bea5d 100644
--- a/src/lib/components/worker-table.svelte
+++ b/src/lib/components/worker-table.svelte
@@ -16,7 +16,7 @@
 
 <h2 class="flex items-center gap-2" data-testid="workers">
   {translate('workers.workers')}
-  <Badge type="count" class="rounded-sm">{workers?.pollers?.length || 0}</Badge>
+  <Badge type="count">{workers?.pollers?.length || 0}</Badge>
 </h2>
 <Table class="mb-6 w-full min-w-[600px] table-fixed">
   <caption class="sr-only" slot="caption"
@@ -65,7 +65,7 @@
     </TableRow>
   {:else}
     <tr class="w-full">
-      <td colspan={6}>
+      <td colspan="5">
         <EmptyState title={translate('workflows.workers-empty-state')} />
       </td>
     </tr>
diff --git a/src/lib/components/workflow/client-actions/batch-operation-confirmation-form.svelte b/src/lib/components/workflow/client-actions/batch-operation-confirmation-form.svelte
index 608a438b1..d16a6f01d 100644
--- a/src/lib/components/workflow/client-actions/batch-operation-confirmation-form.svelte
+++ b/src/lib/components/workflow/client-actions/batch-operation-confirmation-form.svelte
@@ -71,7 +71,7 @@
       />
     </p>
     <div
-      class="surface-subtle mb-2 overflow-scroll whitespace-nowrap rounded border border-subtle p-2"
+      class="surface-subtle mb-2 overflow-scroll whitespace-nowrap border border-subtle p-2"
     >
       <code data-testid="batch-action-workflows-query">
         {$workflowsQuery}
diff --git a/src/lib/components/workflow/dropdown-filter/conditional.svelte b/src/lib/components/workflow/dropdown-filter/conditional.svelte
index 1dc4830c8..baffba2ed 100644
--- a/src/lib/components/workflow/dropdown-filter/conditional.svelte
+++ b/src/lib/components/workflow/dropdown-filter/conditional.svelte
@@ -4,18 +4,12 @@
 
 <div class="mt-2 transition-all hover:cursor-pointer">
   <button class="flex items-center" on:click={() => (conditional = '=')}>
-    <div
-      class="ml-4 mr-2 rounded-sm p-1 text-primary"
-      class:active={conditional === '='}
-    >
+    <div class="ml-4 mr-2 p-1 text-primary" class:active={conditional === '='}>
       Is
     </div>
   </button>
   <button class="flex items-center" on:click={() => (conditional = '!=')}>
-    <div
-      class="ml-4 mr-2 rounded-sm p-1 text-primary"
-      class:active={conditional === '!='}
-    >
+    <div class="ml-4 mr-2 p-1 text-primary" class:active={conditional === '!='}>
       Is Not
     </div>
   </button>
diff --git a/src/lib/components/workflow/input-and-results.svelte b/src/lib/components/workflow/input-and-results.svelte
index cb294fae8..b7905aec4 100644
--- a/src/lib/components/workflow/input-and-results.svelte
+++ b/src/lib/components/workflow/input-and-results.svelte
@@ -51,7 +51,7 @@
   <h3 class="mb-2 flex items-center gap-2">
     {title}
     {#if showParsedContentCount}
-      <Badge type="count" class="rounded-sm">{payloads.length}</Badge>
+      <Badge type="count">{payloads.length}</Badge>
     {/if}
   </h3>
   {#if content}
diff --git a/src/lib/components/workflow/workflow-advanced-search.svelte b/src/lib/components/workflow/workflow-advanced-search.svelte
index 7ddea9ab5..ca2f976ba 100644
--- a/src/lib/components/workflow/workflow-advanced-search.svelte
+++ b/src/lib/components/workflow/workflow-advanced-search.svelte
@@ -74,17 +74,15 @@
         labelHidden
         placeholder={translate('workflows.search-placeholder')}
         icon="search"
-        class="w-full lg:w-3/4"
+        class="w-full lg:w-3/4 [&_*]:border-r-0"
         clearable
         clearButtonLabel={translate('common.clear-input-button-label')}
-        unroundRight
         on:clear={handleClearInput}
         bind:value={manualSearchString}
       />
       <Button
         data-testid="manual-search-button"
         variant="primary"
-        borderRadiusModifier="square-left"
         type="submit"
       >
         {translate('common.search')}
diff --git a/src/lib/components/workflow/workflow-counts.svelte b/src/lib/components/workflow/workflow-counts.svelte
index de77401a6..c59926b09 100644
--- a/src/lib/components/workflow/workflow-counts.svelte
+++ b/src/lib/components/workflow/workflow-counts.svelte
@@ -170,7 +170,7 @@
         />
       </button>
     {:else}
-      <Skeleton class="h-6 w-24 rounded" />
+      <Skeleton class="h-6 w-24 rounded-sm" />
     {/if}
   {/each}
 </div>
diff --git a/src/lib/components/workflow/workflows-summary-configurable-table/table-header-row.svelte b/src/lib/components/workflow/workflows-summary-configurable-table/table-header-row.svelte
index da24da995..1d376e34b 100644
--- a/src/lib/components/workflow/workflows-summary-configurable-table/table-header-row.svelte
+++ b/src/lib/components/workflow/workflows-summary-configurable-table/table-header-row.svelte
@@ -56,19 +56,14 @@
   {:else}
     <slot />
   {/if}
-  <th class="configuration-button-table-cell" />
 </tr>
 
 <style lang="postcss">
   .batch-actions-checkbox-table-cell {
-    @apply w-10 rounded-tl-lg;
+    @apply w-10;
   }
 
   .batch-actions-table-cell {
     @apply overflow-visible whitespace-nowrap font-medium;
   }
-
-  .configuration-button-table-cell {
-    @apply h-10 w-10 py-1;
-  }
 </style>
diff --git a/src/lib/components/workflow/workflows-summary-configurable-table/table-row.svelte b/src/lib/components/workflow/workflows-summary-configurable-table/table-row.svelte
index 06bff9e59..575734d96 100644
--- a/src/lib/components/workflow/workflows-summary-configurable-table/table-row.svelte
+++ b/src/lib/components/workflow/workflows-summary-configurable-table/table-row.svelte
@@ -87,11 +87,8 @@
         {/if}
       </IsTemporalServerVersionGuard>
     </td>
-  {:else}
-    <td></td>
   {/if}
   <slot />
-  <td />
 </tr>
 
 <style lang="postcss">
diff --git a/src/lib/holocene/accordion/accordion-group.svelte b/src/lib/holocene/accordion/accordion-group.svelte
index f7da29070..d41224635 100644
--- a/src/lib/holocene/accordion/accordion-group.svelte
+++ b/src/lib/holocene/accordion/accordion-group.svelte
@@ -1,5 +1,3 @@
-<div
-  class="*:rounded-none *:border-t-0 [&>*:first-child]:rounded-t-2xl [&>*:first-child]:border-t [&>*:last-child]:rounded-b-2xl"
->
+<div class="*:border-t-0 [&>*:first-child]:border-t">
   <slot />
 </div>
diff --git a/src/lib/holocene/accordion/accordion-light.svelte b/src/lib/holocene/accordion/accordion-light.svelte
index 4ade8a220..39bcf7219 100644
--- a/src/lib/holocene/accordion/accordion-light.svelte
+++ b/src/lib/holocene/accordion/accordion-light.svelte
@@ -55,7 +55,7 @@
     id="{id}-content"
     aria-labelledby="{id}-trigger"
     role="textbox"
-    class="rounded-b-2 block w-full bg-primary p-2"
+    class="block w-full bg-primary p-2"
     class:hidden={!open}
     transition:slide
   >
diff --git a/src/lib/holocene/accordion/accordion.svelte b/src/lib/holocene/accordion/accordion.svelte
index 9a3dfe365..eb23c9c17 100644
--- a/src/lib/holocene/accordion/accordion.svelte
+++ b/src/lib/holocene/accordion/accordion.svelte
@@ -42,7 +42,7 @@
 {#if expandable}
   <div
     class={merge(
-      'surface-primary w-full rounded-2xl border border-subtle p-2 focus-within:ring-2 focus-within:ring-inset focus-within:ring-primary/70',
+      'surface-primary w-full border border-subtle p-2 focus-within:ring-2 focus-within:ring-inset focus-within:ring-primary/70',
       className,
     )}
     {...$$restProps}
@@ -51,7 +51,7 @@
       id="{id}-trigger"
       aria-expanded={open}
       aria-controls="{id}-content"
-      class="flex w-full flex-col rounded-lg p-2 hover:bg-interactive-secondary-hover focus-visible:bg-interactive-secondary-hover focus-visible:outline-none"
+      class="flex w-full flex-col p-2 hover:bg-interactive-secondary-hover focus-visible:bg-interactive-secondary-hover focus-visible:outline-none"
       type="button"
       on:click={toggleAccordion}
     >
@@ -94,11 +94,8 @@
     </div>
   </div>
 {:else}
-  <div
-    class="surface-primary w-full rounded-2xl border border-subtle p-4"
-    {...$$restProps}
-  >
-    <div class="flex w-full flex-col rounded-lg">
+  <div class="surface-primary w-full border border-subtle p-4" {...$$restProps}>
+    <div class="flex w-full flex-col">
       <div class="space-between flex w-full flex-row items-center">
         <h3 class="flex w-full items-center gap-2">
           {#if icon}<Icon name={icon} />{/if}
diff --git a/src/lib/holocene/alert.svelte b/src/lib/holocene/alert.svelte
index 360e41069..6205cb301 100644
--- a/src/lib/holocene/alert.svelte
+++ b/src/lib/holocene/alert.svelte
@@ -64,7 +64,7 @@
 
 <style lang="postcss">
   .alert {
-    @apply items-start gap-2 break-words rounded-lg border p-5 text-sm text-primary;
+    @apply items-start gap-2 break-words border p-5 text-sm text-primary;
   }
 
   .alert.success {
diff --git a/src/lib/holocene/button.stories.svelte b/src/lib/holocene/button.stories.svelte
index dbb812d90..5ceab9e1e 100644
--- a/src/lib/holocene/button.stories.svelte
+++ b/src/lib/holocene/button.stories.svelte
@@ -64,14 +64,6 @@
         },
         if: { arg: 'href' },
       },
-      borderRadiusModifier: {
-        name: 'Border Radius Modifier',
-        control: 'select',
-        options: ['square', 'square-left', 'square-right'],
-        table: {
-          category: 'Modifiers',
-        },
-      },
       id: {
         name: 'ID',
         control: 'text',
diff --git a/src/lib/holocene/button.svelte b/src/lib/holocene/button.svelte
index e771ac253..59b9697be 100644
--- a/src/lib/holocene/button.svelte
+++ b/src/lib/holocene/button.svelte
@@ -22,7 +22,6 @@
       'justify-center',
       'border',
       'gap-2',
-      'rounded-lg',
       'disabled:opacity-50',
       'disabled:cursor-not-allowed',
       'border-box',
@@ -33,12 +32,6 @@
       'focus-visible:ring-2',
       'whitespace-nowrap',
       'no-underline',
-      '[.button-group>&]:rounded-none',
-      '[.button-group>&:first-child]:rounded-l-lg',
-      '[.button-group>&:last-child]:rounded-r-lg',
-      '[.input-group>&]:rounded-none',
-      'last:[.input-group>&]:rounded-r',
-      'first:[.input-group>&]:rounded-l',
     ],
     {
       variants: {
@@ -60,11 +53,6 @@
           md: 'h-10 text-base px-4 py-2',
           lg: 'h-11 text-lg px-5 py-2.5',
         },
-        borderRadiusModifier: {
-          square: 'rounded-none',
-          'square-left': 'rounded-l-none',
-          'square-right': 'rounded-r-none',
-        },
       },
       defaultVariants: {
         variant: 'primary',
@@ -97,7 +85,6 @@
 
   export let variant: ButtonStyles['variant'] = 'primary';
   export let size: ButtonStyles['size'] = 'md';
-  export let borderRadiusModifier: ButtonStyles['borderRadiusModifier'] = null;
   export let disabled = false;
   export let loading = false;
   export let leadingIcon: IconName = null;
@@ -130,7 +117,6 @@
       buttonStyles({
         variant,
         size,
-        borderRadiusModifier,
       }),
       className,
     )}
@@ -167,7 +153,6 @@
       buttonStyles({
         variant,
         size,
-        borderRadiusModifier,
       }),
       className,
     )}
diff --git a/src/lib/holocene/card.svelte b/src/lib/holocene/card.svelte
index bfce13189..f5917a591 100644
--- a/src/lib/holocene/card.svelte
+++ b/src/lib/holocene/card.svelte
@@ -4,6 +4,6 @@
 
 <style lang="postcss">
   .card {
-    @apply rounded-2xl border border-subtle p-4;
+    @apply border border-subtle p-4;
   }
 </style>
diff --git a/src/lib/holocene/checkbox.svelte b/src/lib/holocene/checkbox.svelte
index 435052b3d..69f831fe2 100644
--- a/src/lib/holocene/checkbox.svelte
+++ b/src/lib/holocene/checkbox.svelte
@@ -113,7 +113,6 @@
           'w-4',
           'flex-none',
           'cursor-pointer',
-          'rounded-md',
           'border',
           'bg-primary',
           'text-inverse',
diff --git a/src/lib/holocene/chip.svelte b/src/lib/holocene/chip.svelte
index f08a4bab9..13bd67162 100644
--- a/src/lib/holocene/chip.svelte
+++ b/src/lib/holocene/chip.svelte
@@ -36,7 +36,7 @@
 
 <style lang="postcss">
   .chip {
-    @apply surface-subtle flex h-8 w-fit min-w-fit flex-row items-center justify-between gap-1 whitespace-nowrap break-all rounded-md p-1 text-sm;
+    @apply surface-subtle flex h-8 w-fit min-w-fit flex-row items-center justify-between gap-1 whitespace-nowrap break-all rounded-sm p-1 text-sm;
 
     :global(.icon-button) {
       @apply ml-1 h-auto w-fit;
diff --git a/src/lib/holocene/combobox/combobox.svelte b/src/lib/holocene/combobox/combobox.svelte
index 2e4b8ccb3..5d9e10e1e 100644
--- a/src/lib/holocene/combobox/combobox.svelte
+++ b/src/lib/holocene/combobox/combobox.svelte
@@ -519,7 +519,7 @@
 
 <style lang="postcss">
   .combobox-wrapper {
-    @apply surface-primary flex w-full flex-row items-center rounded-lg border border-subtle text-sm dark:focus-within:surface-primary focus-within:border-interactive focus-within:outline-none focus-within:ring-2 focus-within:ring-primary/70;
+    @apply surface-primary flex w-full flex-row items-center border border-subtle text-sm dark:focus-within:surface-primary focus-within:border-interactive focus-within:outline-none focus-within:ring-2 focus-within:ring-primary/70;
 
     &.invalid {
       @apply border border-danger text-danger focus-within:ring-danger/70;
diff --git a/src/lib/holocene/compatibility-badge.svelte b/src/lib/holocene/compatibility-badge.svelte
index 8c48a6207..f6ab806b4 100644
--- a/src/lib/holocene/compatibility-badge.svelte
+++ b/src/lib/holocene/compatibility-badge.svelte
@@ -12,7 +12,7 @@
   {#if defaultVersion && buildId}
     <span
       class={merge(
-        'flex items-center gap-1 rounded border border-subtle px-1 text-sm text-primary',
+        'flex items-center gap-1 rounded-sm border border-subtle px-1 text-sm text-primary',
         active && 'border-green-200 bg-green-200 text-black',
       )}
     >
@@ -22,7 +22,7 @@
     </span>
   {:else if buildId}
     <span
-      class="flex items-center gap-1 rounded border border-subtle px-1 text-sm text-primary"
+      class="flex items-center gap-1 rounded-sm border border-subtle px-1 text-sm text-primary"
     >
       <Icon name="merge" />{buildId}
     </span>
diff --git a/src/lib/holocene/copyable/button.svelte b/src/lib/holocene/copyable/button.svelte
index a5203a6b3..26390201b 100644
--- a/src/lib/holocene/copyable/button.svelte
+++ b/src/lib/holocene/copyable/button.svelte
@@ -23,7 +23,7 @@
 
 <button
   class={merge(
-    'surface-interactive-secondary m-1 rounded-md border border-[transparent] bg-transparent p-1 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/70',
+    'surface-interactive-secondary m-1 border border-[transparent] bg-transparent p-1 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/70',
     className,
   )}
   on:click
diff --git a/src/lib/holocene/drawer.svelte b/src/lib/holocene/drawer.svelte
index c7337d110..f563c6074 100644
--- a/src/lib/holocene/drawer.svelte
+++ b/src/lib/holocene/drawer.svelte
@@ -36,8 +36,7 @@
     class={merge(
       'surface-primary fixed z-[55] h-auto overflow-y-auto border-subtle text-primary',
       position === 'bottom' && 'bottom-0 left-0 right-0 border-t',
-      position === 'right' &&
-        'bottom-0 right-0 top-0 h-full rounded-bl-lg rounded-tr-none border-l',
+      position === 'right' && 'bottom-0 right-0 top-0 h-full border-l',
       dark && 'bg-black text-off-white',
       className,
     )}
diff --git a/src/lib/holocene/empty-state.svelte b/src/lib/holocene/empty-state.svelte
index 06e4ba3ea..3d5675277 100644
--- a/src/lib/holocene/empty-state.svelte
+++ b/src/lib/holocene/empty-state.svelte
@@ -22,7 +22,7 @@
     <p class="text-center">{content}</p>
   {/if}
   {#if error}
-    <p class="rounded-md border border-danger bg-danger p-5 text-center">
+    <p class="border border-danger bg-danger p-5 text-center">
       {error}
     </p>
   {/if}
diff --git a/src/lib/holocene/file-input.svelte b/src/lib/holocene/file-input.svelte
index cef2e76ef..80bbf7e68 100644
--- a/src/lib/holocene/file-input.svelte
+++ b/src/lib/holocene/file-input.svelte
@@ -35,6 +35,6 @@
 
 <style lang="postcss">
   .file-upload-label {
-    @apply surface-primary relative flex h-10 w-fit cursor-pointer items-center justify-center rounded-lg border border-secondary border-subtle px-4 py-2 text-base text-primary hover:surface-interactive-secondary focus-visible:surface-interactive-secondary focus-visible:ring-primary/70;
+    @apply surface-primary relative flex h-10 w-fit cursor-pointer items-center justify-center border border-subtle px-4 py-2 text-base text-primary hover:surface-interactive-secondary focus-visible:surface-interactive-secondary focus-visible:ring-primary/70;
   }
 </style>
diff --git a/src/lib/holocene/input/chip-input.svelte b/src/lib/holocene/input/chip-input.svelte
index d2aadaaf3..cf4cafa41 100644
--- a/src/lib/holocene/input/chip-input.svelte
+++ b/src/lib/holocene/input/chip-input.svelte
@@ -18,8 +18,6 @@
   export let hintText = '';
   export let validator: (value: string) => boolean = () => true;
   export let removeChipButtonLabel: string | ((chipValue: string) => string);
-  export let unroundRight = false;
-  export let unroundLeft = false;
   export let external = false;
 
   const values = writable<string[]>(chips);
@@ -111,12 +109,10 @@
   <div
     bind:this={inputContainer}
     class={merge(
-      'input-container',
+      'surface-primary flex max-h-20 min-h-[2.5rem] w-full flex-row flex-wrap gap-1 overflow-y-scroll border border-subtle p-2 text-sm text-primary focus-within:border-interactive focus-within:ring-2 focus-within:ring-primary/70',
       disabled && 'cursor-not-allowed opacity-65',
       invalid && 'invalid',
     )}
-    class:unroundLeft
-    class:unroundRight
   >
     {#if $values.length > 0 && !external}
       {#each $values as chip, i (`${chip}-${i}`)}
@@ -173,10 +169,6 @@
 </div>
 
 <style lang="postcss">
-  .input-container {
-    @apply surface-primary flex max-h-20 min-h-[2.5rem] w-full flex-row flex-wrap gap-1 overflow-y-scroll rounded-lg border border-subtle p-2 text-sm text-primary focus-within:border-interactive focus-within:ring-2 focus-within:ring-primary/70;
-  }
-
   .invalid {
     @apply border-danger focus-within:border-danger focus-within:ring-2 focus-within:ring-danger/70;
   }
@@ -185,14 +177,6 @@
     @apply surface-primary inline-block w-full focus:outline-none;
   }
 
-  .unroundRight {
-    @apply rounded-br-none rounded-tr-none border-r-0;
-  }
-
-  .unroundLeft {
-    @apply rounded-bl-none rounded-tl-none border-l-0;
-  }
-
   .hint {
     @apply text-xs text-danger;
   }
diff --git a/src/lib/holocene/input/input.stories.svelte b/src/lib/holocene/input/input.stories.svelte
index 3219dad17..1154007d3 100644
--- a/src/lib/holocene/input/input.stories.svelte
+++ b/src/lib/holocene/input/input.stories.svelte
@@ -60,16 +60,6 @@
         control: 'text',
         table: { category: 'Accessibility' },
       },
-      unroundLeft: {
-        name: 'Unround Left',
-        control: 'boolean',
-        table: { category: 'Styling (Deprecated)' },
-      },
-      unroundRight: {
-        name: 'Unround Right',
-        control: 'boolean',
-        table: { category: 'Styling (Deprecated)' },
-      },
       noBorder: {
         name: 'No Border',
         control: 'boolean',
diff --git a/src/lib/holocene/input/input.svelte b/src/lib/holocene/input/input.svelte
index 6e26e7a36..8235ede24 100644
--- a/src/lib/holocene/input/input.svelte
+++ b/src/lib/holocene/input/input.svelte
@@ -23,8 +23,6 @@
     maxLength?: number;
     hideCount?: boolean;
     spellcheck?: boolean;
-    unroundRight?: boolean;
-    unroundLeft?: boolean;
     noBorder?: boolean;
     autoFocus?: boolean;
     error?: boolean;
@@ -60,8 +58,6 @@
   export let maxLength = 0;
   export let hideCount = false;
   export let spellcheck: boolean = null;
-  export let unroundRight = false;
-  export let unroundLeft = false;
   export let noBorder = false;
   export let autoFocus = false;
   export let error = false;
@@ -90,18 +86,16 @@
 
 <div class={merge('flex flex-col gap-1', className)}>
   <Label {required} {label} hidden={labelHidden} for={id} />
-  <div class="input-group flex rounded-lg">
+  <div class="input-group flex">
     <slot name="before-input" {disabled} />
     <div
       class={merge(
         'input-container',
-        'surface-primary relative box-border inline-flex h-10 w-full items-center rounded-lg border border-subtle text-sm focus-within:outline-none focus-within:ring-2 focus-within:ring-primary/70',
+        'surface-primary relative box-border inline-flex h-10 w-full items-center border border-subtle text-sm focus-within:outline-none focus-within:ring-2 focus-within:ring-primary/70',
       )}
       class:disabled
       class:error
       class:noBorder
-      class:unroundLeft={unroundLeft || $$slots['before-input']}
-      class:unroundRight={unroundRight || $$slots['after-input']}
       class:invalid={!valid}
     >
       {#if icon}
@@ -207,15 +201,7 @@
   }
 
   .suffix {
-    @apply block h-full w-fit rounded-br rounded-tr border-l border-subtle px-4 py-2;
-  }
-
-  .unroundRight {
-    @apply rounded-br-none rounded-tr-none border-r-0;
-  }
-
-  .unroundLeft {
-    @apply rounded-bl-none rounded-tl-none border-l-0;
+    @apply block h-full w-fit border-l border-subtle px-4 py-2;
   }
 
   .noBorder {
@@ -227,7 +213,7 @@
   }
 
   .copy-icon-container {
-    @apply flex h-full w-9 cursor-pointer items-center justify-center rounded-r border-l border-subtle;
+    @apply flex h-full w-9 cursor-pointer items-center justify-center border-l border-subtle;
   }
 
   .disabled-icon-container {
@@ -235,7 +221,7 @@
   }
 
   .clear-icon-container {
-    @apply mr-2 flex w-6 cursor-pointer items-center justify-center rounded-full;
+    @apply mr-2 flex w-6 cursor-pointer items-center justify-center;
   }
 
   .count {
diff --git a/src/lib/holocene/input/number-input.stories.svelte b/src/lib/holocene/input/number-input.stories.svelte
index c4bc5ef8b..824976430 100644
--- a/src/lib/holocene/input/number-input.stories.svelte
+++ b/src/lib/holocene/input/number-input.stories.svelte
@@ -33,16 +33,6 @@
       max: { name: 'Minimum Value', control: { type: 'number', min: 0 } },
       min: { name: 'Maximum Value', control: { type: 'number', min: 0 } },
       search: { name: 'Search', control: 'boolean' },
-      unroundLeft: {
-        name: 'Left',
-        control: 'boolean',
-        table: { category: 'Styling', subcategory: 'Unround' },
-      },
-      unroundRight: {
-        name: 'Right',
-        control: 'boolean',
-        table: { category: 'Styling', subcategory: 'Unround' },
-      },
     },
   } satisfies Meta<NumberInput>;
 </script>
diff --git a/src/lib/holocene/input/number-input.svelte b/src/lib/holocene/input/number-input.svelte
index e62ca4ea6..a9ef407f5 100644
--- a/src/lib/holocene/input/number-input.svelte
+++ b/src/lib/holocene/input/number-input.svelte
@@ -18,8 +18,6 @@
   export let hintText = '';
   export let max: number = undefined;
   export let min: number = undefined;
-  export let unroundRight = false;
-  export let unroundLeft = false;
   export let search = false;
 
   let valid = true;
@@ -41,11 +39,9 @@
   <Label {required} {label} hidden={labelHidden} for={id} />
   <div class="flex items-center gap-2">
     <div
-      class="input-container"
-      class:disabled
+      class="surface-primary relative box-border flex h-10 w-16 items-center border border-subtle text-sm focus-within:outline-none focus-within:ring-2 focus-within:ring-primary/70"
+      class:opacity-50={disabled}
       class:search
-      class:unroundRight
-      class:unroundLeft
       class:invalid={!valid}
     >
       {#if icon}
@@ -55,7 +51,6 @@
       {/if}
       <input
         class="m-2 block w-full bg-transparent text-center text-primary focus:outline-none"
-        class:disabled
         type="number"
         {max}
         {min}
@@ -87,11 +82,7 @@
     @apply text-sm font-medium text-primary;
   }
 
-  .input-container {
-    @apply surface-primary relative box-border flex h-10 w-16 items-center rounded-lg border border-subtle text-sm focus-within:outline-none focus-within:ring-2 focus-within:ring-primary/70;
-  }
-
-  .input-container.search {
+  .search {
     @apply w-fit;
 
     input {
@@ -103,19 +94,7 @@
     @apply ml-2 flex items-center justify-center;
   }
 
-  .input-container.invalid {
+  .invalid {
     @apply border-danger focus-within:ring-danger/70;
   }
-
-  .input-container.disabled {
-    @apply opacity-50;
-  }
-
-  .unroundRight {
-    @apply rounded-br-none rounded-tr-none;
-  }
-
-  .unroundLeft {
-    @apply rounded-bl-none rounded-tl-none border-l-0;
-  }
 </style>
diff --git a/src/lib/holocene/input/range-input.svelte b/src/lib/holocene/input/range-input.svelte
index c48e4745d..36a81efd8 100644
--- a/src/lib/holocene/input/range-input.svelte
+++ b/src/lib/holocene/input/range-input.svelte
@@ -124,7 +124,7 @@
   }
 
   .numeric-input {
-    @apply h-10 w-10 rounded-lg border border-subtle bg-information text-center text-sm focus-within:outline-none focus-within:ring-2 focus-within:ring-primary/70;
+    @apply h-10 w-10 border border-subtle bg-information text-center text-sm focus-within:outline-none focus-within:ring-2 focus-within:ring-primary/70;
 
     appearance: textfield;
   }
diff --git a/src/lib/holocene/keyboard-shortcut/shortcut.svelte b/src/lib/holocene/keyboard-shortcut/shortcut.svelte
index 950aca116..a1b9004b4 100644
--- a/src/lib/holocene/keyboard-shortcut/shortcut.svelte
+++ b/src/lib/holocene/keyboard-shortcut/shortcut.svelte
@@ -30,6 +30,6 @@
 
 <style lang="postcss">
   .shortcut {
-    @apply inline-flex w-auto min-w-[32px] items-center justify-center rounded-lg border border-slate-100 px-1 py-1.5 text-xs font-semibold text-white dark:border-slate-500 dark:bg-slate-600 dark:text-slate-100;
+    @apply inline-flex w-auto min-w-[32px] items-center justify-center border border-slate-100 px-1 py-1.5 text-xs font-semibold text-white dark:border-slate-500 dark:bg-slate-600 dark:text-slate-100;
   }
 </style>
diff --git a/src/lib/holocene/link.svelte b/src/lib/holocene/link.svelte
index adc2c3ad7..536f31e3d 100644
--- a/src/lib/holocene/link.svelte
+++ b/src/lib/holocene/link.svelte
@@ -59,7 +59,7 @@
 
 <style lang="postcss">
   .link {
-    @apply max-w-fit cursor-pointer items-center gap-2 rounded text-primary underline underline-offset-2 hover:text-brand focus-visible:text-brand focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/70;
+    @apply max-w-fit cursor-pointer items-center gap-2 text-primary underline underline-offset-2 hover:text-brand focus-visible:text-brand focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/70;
 
     &.active {
       @apply text-brand;
diff --git a/src/lib/holocene/menu/menu-item.svelte b/src/lib/holocene/menu/menu-item.svelte
index 666050f23..0acbaece5 100644
--- a/src/lib/holocene/menu/menu-item.svelte
+++ b/src/lib/holocene/menu/menu-item.svelte
@@ -181,7 +181,7 @@
 
 <style lang="postcss">
   .menu-item {
-    @apply cursor-pointer rounded border border-transparent text-sm font-medium focus-visible:border-inverse focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/70 dark:focus-visible:border-interactive;
+    @apply cursor-pointer border border-transparent text-sm font-medium focus-visible:border-inverse focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/70 dark:focus-visible:border-interactive;
 
     &.hoverable {
       @apply hover:surface-interactive-secondary focus-visible:surface-interactive-secondary;
diff --git a/src/lib/holocene/menu/menu.svelte b/src/lib/holocene/menu/menu.svelte
index 983b1d40c..e4918a79a 100644
--- a/src/lib/holocene/menu/menu.svelte
+++ b/src/lib/holocene/menu/menu.svelte
@@ -65,7 +65,7 @@
 
 <style lang="postcss">
   .menu {
-    @apply surface-primary absolute z-20 mt-1 min-w-fit list-none overflow-auto rounded-lg border border-subtle text-primary shadow;
+    @apply surface-primary absolute z-20 mt-1 min-w-fit list-none overflow-auto border border-subtle text-primary shadow;
 
     &.left,
     &.top-left {
diff --git a/src/lib/holocene/modal.svelte b/src/lib/holocene/modal.svelte
index 690f0b094..a77ca18c9 100644
--- a/src/lib/holocene/modal.svelte
+++ b/src/lib/holocene/modal.svelte
@@ -137,7 +137,7 @@
 
 <style lang="postcss">
   .body {
-    @apply surface-primary z-50 w-full max-w-lg overflow-y-auto rounded-2xl border border-secondary p-0 text-primary shadow-xl md:h-max;
+    @apply surface-primary z-50 w-full max-w-lg overflow-y-auto border border-secondary p-0 text-primary shadow-xl md:h-max;
   }
 
   .body::backdrop {
diff --git a/src/lib/holocene/monaco/markdown.svelte b/src/lib/holocene/monaco/markdown.svelte
index c31007bb6..6eeb1e392 100644
--- a/src/lib/holocene/monaco/markdown.svelte
+++ b/src/lib/holocene/monaco/markdown.svelte
@@ -47,7 +47,7 @@
       on:load={resizeIframe}
       title="output"
       src="/render?content={encodeURIComponent(templatedContent)}&theme={theme}"
-      class="w-full rounded-md"
+      class="w-full"
     />
   {/key}
 </section>
diff --git a/src/lib/holocene/navigation/navigation-badge.svelte b/src/lib/holocene/navigation/navigation-badge.svelte
index 47e1a30b0..a04e283a5 100644
--- a/src/lib/holocene/navigation/navigation-badge.svelte
+++ b/src/lib/holocene/navigation/navigation-badge.svelte
@@ -23,7 +23,7 @@
     href={link}
     {rel}
     {target}
-    class="relative flex cursor-pointer items-center rounded-lg border border-white/10 bg-white/5 text-white hover:bg-white hover:text-black group-data-[nav=closed]:p-1 group-data-[nav=open]:px-2.5 group-data-[nav=open]:py-2"
+    class="relative flex cursor-pointer items-center border border-white/10 bg-white/5 text-white hover:bg-white hover:text-black group-data-[nav=closed]:p-1 group-data-[nav=open]:px-2.5 group-data-[nav=open]:py-2"
   >
     <div
       class="flex h-6 w-6 items-center whitespace-nowrap after:absolute after:left-[calc(100%_+_1.5rem)] after:top-0 after:hidden after:h-8 after:items-center after:rounded-md after:bg-slate-800 after:p-1 after:px-2 after:text-xs after:text-white after:content-[attr(data-tooltip)] group-data-[nav=open]:hidden group-data-[nav=open]:justify-start group-data-[nav=closed]:justify-center group-data-[nav=closed]:hover:after:flex"
diff --git a/src/lib/holocene/navigation/navigation-button.svelte b/src/lib/holocene/navigation/navigation-button.svelte
index 9c4839791..67eb4cce4 100644
--- a/src/lib/holocene/navigation/navigation-button.svelte
+++ b/src/lib/holocene/navigation/navigation-button.svelte
@@ -19,11 +19,11 @@
   tabindex="0"
   data-testid={$$props['data-testid']}
   class:disabled
-  class="relative mb-1 flex items-center whitespace-nowrap rounded-lg p-1 pl-2 text-sm font-medium hover:bg-white hover:text-black group-[.surface-primary]:hover:bg-black group-[.surface-primary]:hover:text-white group-[.surface-primary]:dark:hover:bg-white group-[.surface-primary]:dark:hover:text-black"
+  class="relative mb-1 flex items-center whitespace-nowrap p-1 pl-2 text-sm font-medium hover:bg-white hover:text-black group-[.surface-primary]:hover:bg-black group-[.surface-primary]:hover:text-white group-[.surface-primary]:dark:hover:bg-white group-[.surface-primary]:dark:hover:text-black"
 >
   {#if icon}
     <div
-      class="flex h-6 w-6 items-center after:absolute after:left-[calc(100%_+_1.5rem)] after:top-0 after:hidden after:h-8 after:items-center after:rounded-md after:bg-slate-800 after:p-1 after:px-2 after:text-xs after:text-white after:content-[attr(data-tooltip)] group-data-[nav=closed]:hover:after:flex"
+      class="flex h-6 w-6 items-center after:absolute after:left-[calc(100%_+_1.5rem)] after:top-0 after:hidden after:h-8 after:items-center after:bg-slate-800 after:p-1 after:px-2 after:text-xs after:text-white after:content-[attr(data-tooltip)] group-data-[nav=closed]:hover:after:flex"
       data-tooltip={tooltip}
     >
       <Icon name={icon} {animate} {active} />
diff --git a/src/lib/holocene/navigation/navigation-container.svelte b/src/lib/holocene/navigation/navigation-container.svelte
index 00ac87a28..cbb0e5f6a 100644
--- a/src/lib/holocene/navigation/navigation-container.svelte
+++ b/src/lib/holocene/navigation/navigation-container.svelte
@@ -27,12 +27,12 @@
   data-testid="navigation-header"
   {...$$restProps}
 >
-  <a href="/" class="w-fit rounded-lg">
+  <a href="/" class="w-fit">
     <Logo height={24} width={24} class="m-1" />
   </a>
   <button
     title={$navOpen ? 'Collapse Navigation' : 'Expand Navigation'}
-    class="mx-[8px] self-start justify-self-end rounded opacity-0 transition-[opacity,transform] focus-visible:outline-none focus-visible:ring-2 group-hover:opacity-100 group-focus:opacity-100 group-data-[nav=open]:rotate-180 {isCloud
+    class="mx-[8px] self-start justify-self-end opacity-0 transition-[opacity,transform] focus-visible:outline-none focus-visible:ring-2 group-hover:opacity-100 group-focus:opacity-100 group-data-[nav=open]:rotate-180 {isCloud
       ? 'focus-visible:ring-primary/70 focus-visible:dark:ring-success'
       : 'focus-visible:ring-primary/70'}"
     on:click={toggle}
diff --git a/src/lib/holocene/navigation/navigation-item.svelte b/src/lib/holocene/navigation/navigation-item.svelte
index fe2f53322..e9c6aa997 100644
--- a/src/lib/holocene/navigation/navigation-item.svelte
+++ b/src/lib/holocene/navigation/navigation-item.svelte
@@ -34,12 +34,12 @@
     class:disabled
     tabindex={disabled ? -1 : 0}
     class:active
-    class="mb-1 flex items-center whitespace-nowrap rounded-lg p-1 pl-2 text-sm font-medium"
+    class="mb-1 flex items-center whitespace-nowrap p-1 pl-2 text-sm font-medium"
     class:text-disabled={disabled}
   >
     {#if icon}
       <div
-        class="flex h-6 w-6 items-center after:absolute after:left-[calc(100%_+_1.5rem)] after:top-0 after:hidden after:h-8 after:items-center after:rounded-md after:bg-slate-800 after:p-1 after:px-2 after:text-xs after:text-white after:content-[attr(data-tooltip)] group-data-[nav=closed]:hover:after:flex"
+        class="flex h-6 w-6 items-center after:absolute after:left-[calc(100%_+_1.5rem)] after:top-0 after:hidden after:h-8 after:items-center after:bg-slate-800 after:p-1 after:px-2 after:text-xs after:text-white after:content-[attr(data-tooltip)] group-data-[nav=closed]:hover:after:flex"
         data-tooltip={tooltip}
       >
         <Icon name={icon} {animate} />
diff --git a/src/lib/holocene/orderable-list/orderable-list-item.svelte b/src/lib/holocene/orderable-list/orderable-list-item.svelte
index 013badb36..cbb2f497e 100644
--- a/src/lib/holocene/orderable-list/orderable-list-item.svelte
+++ b/src/lib/holocene/orderable-list/orderable-list-item.svelte
@@ -144,7 +144,7 @@
 
 <style lang="postcss">
   .orderable-item {
-    @apply flex select-none list-none flex-row items-center justify-between border-b border-subtle p-2 text-sm font-medium first-of-type:rounded-tl-lg first-of-type:rounded-tr-lg last-of-type:rounded-bl-lg last-of-type:rounded-br-lg last-of-type:border-b-0;
+    @apply flex select-none list-none flex-row items-center justify-between border-b border-subtle p-2 text-sm font-medium last-of-type:border-b-0;
   }
 
   .orderable-item[draggable='true'] {
@@ -157,9 +157,5 @@
 
   :global(.orderable-item.dragging-over:not(.locked)) {
     @apply bg-gradient-to-br from-blue-100 to-purple-100;
-
-    &:last-of-type {
-      @apply rounded-bl-lg rounded-br-lg;
-    }
   }
 </style>
diff --git a/src/lib/holocene/orderable-list/orderable-list.svelte b/src/lib/holocene/orderable-list/orderable-list.svelte
index a4ce00282..705918df0 100644
--- a/src/lib/holocene/orderable-list/orderable-list.svelte
+++ b/src/lib/holocene/orderable-list/orderable-list.svelte
@@ -19,6 +19,6 @@
   }
 
   .orderable-list {
-    @apply surface-primary rounded-lg border border-subtle;
+    @apply surface-primary border border-subtle;
   }
 </style>
diff --git a/src/lib/holocene/select/simple-select.svelte b/src/lib/holocene/select/simple-select.svelte
index 23aff01cc..a89dc6a5a 100644
--- a/src/lib/holocene/select/simple-select.svelte
+++ b/src/lib/holocene/select/simple-select.svelte
@@ -33,10 +33,7 @@
 <div>
   <Label {required} {label} hidden for={id} />
   <select
-    class={merge(
-      'inline h-10 w-full rounded-lg border px-2 text-base',
-      className,
-    )}
+    class={merge('inline h-10 w-full border px-2 text-base', className)}
     class:remove={arrow}
     {name}
     {id}
@@ -58,6 +55,6 @@
   }
 
   .remove {
-    @apply h-8 appearance-none rounded-xl py-1 pl-3 text-sm;
+    @apply h-8 appearance-none py-1 pl-3 text-sm;
   }
 </style>
diff --git a/src/lib/holocene/tab/tab.svelte b/src/lib/holocene/tab/tab.svelte
index 7156edb2c..50a62291d 100644
--- a/src/lib/holocene/tab/tab.svelte
+++ b/src/lib/holocene/tab/tab.svelte
@@ -65,7 +65,7 @@
 
 <style lang="postcss">
   .tab {
-    @apply flex cursor-pointer items-center gap-1 whitespace-nowrap border-b border-transparent text-sm font-medium outline-none focus-visible:rounded-sm focus-visible:ring-2 focus-visible:ring-primary/70;
+    @apply flex cursor-pointer items-center gap-1 whitespace-nowrap border-b border-transparent text-sm font-medium outline-none focus-visible:ring-2 focus-visible:ring-primary/70;
 
     &:not(.disabled) {
       @apply hover:text-brand;
diff --git a/src/lib/holocene/table/paginated-table/index.svelte b/src/lib/holocene/table/paginated-table/index.svelte
index 2cc57c69c..3d4d19061 100644
--- a/src/lib/holocene/table/paginated-table/index.svelte
+++ b/src/lib/holocene/table/paginated-table/index.svelte
@@ -54,7 +54,7 @@
   }
 
   .primary {
-    @apply rounded-lg border border-table;
+    @apply border border-table;
   }
 
   .split {
@@ -73,7 +73,7 @@
     }
 
     :global(tr > th) {
-      @apply whitespace-nowrap px-2 text-left font-medium first-of-type:rounded-tl last-of-type:rounded-tr;
+      @apply whitespace-nowrap px-2 text-left font-medium;
     }
   }
 
@@ -126,6 +126,6 @@
   }
 
   .paginated-table-controls {
-    @apply surface-primary sticky bottom-0 left-0 flex w-full grow justify-between gap-2 rounded-b border-t border-table px-4 py-2;
+    @apply surface-primary sticky bottom-0 left-0 flex w-full grow justify-between gap-2 border-t border-table px-4 py-2;
   }
 </style>
diff --git a/src/lib/holocene/table/table-header-row.svelte b/src/lib/holocene/table/table-header-row.svelte
index d093a0529..f4074f884 100644
--- a/src/lib/holocene/table/table-header-row.svelte
+++ b/src/lib/holocene/table/table-header-row.svelte
@@ -1,5 +1,3 @@
 <tr class={$$props.class}>
-  <td />
   <slot />
-  <td />
 </tr>
diff --git a/src/lib/holocene/table/table-row.svelte b/src/lib/holocene/table/table-row.svelte
index f6837226e..b3dc1a7c6 100644
--- a/src/lib/holocene/table/table-row.svelte
+++ b/src/lib/holocene/table/table-row.svelte
@@ -10,7 +10,5 @@
 </script>
 
 <tr on:click|stopPropagation class={className} {...$$restProps}>
-  <td />
   <slot />
-  <td />
 </tr>
diff --git a/src/lib/holocene/table/table.svelte b/src/lib/holocene/table/table.svelte
index 1e614123b..bdcd13c26 100644
--- a/src/lib/holocene/table/table.svelte
+++ b/src/lib/holocene/table/table.svelte
@@ -45,7 +45,7 @@
   }
 
   table.fancy {
-    @apply surface-primary border-separate border-spacing-0 rounded-xl border border-table;
+    @apply surface-primary border-separate border-spacing-0 border border-table;
 
     thead {
       @apply surface-table;
@@ -58,11 +58,11 @@
         @apply border-t border-table px-1 py-2;
 
         &:first-child {
-          @apply w-[1px] rounded-tl-lg border-l border-table;
+          @apply border-l border-table;
         }
 
         &:last-child {
-          @apply w-[1px] rounded-tr-lg border-r border-table;
+          @apply border-r border-table;
         }
       }
     }
@@ -71,45 +71,9 @@
       td {
         @apply border-t border-table px-1 py-2 text-sm;
 
-        &:first-child {
-          @apply px-1;
-        }
-
         &:first-child:is(.expanded-cell) {
           @apply px-0;
         }
-
-        &:last-child {
-          @apply w-0 p-0;
-        }
-      }
-
-      &:last-child {
-        td {
-          &:first-child {
-            @apply rounded-bl-lg;
-          }
-
-          &:last-child {
-            @apply rounded-br-xl;
-          }
-        }
-      }
-
-      tbody :global {
-        td {
-          &:first-child {
-            &:first-child {
-              @apply rounded-bl-none;
-            }
-          }
-
-          &:last-child {
-            &:last-child {
-              @apply rounded-br-none;
-            }
-          }
-        }
       }
     }
   }
diff --git a/src/lib/holocene/textarea.svelte b/src/lib/holocene/textarea.svelte
index 173a13368..2b13fd410 100644
--- a/src/lib/holocene/textarea.svelte
+++ b/src/lib/holocene/textarea.svelte
@@ -46,7 +46,7 @@
   {/if}
   <div
     class={merge(
-      'relative box-border inline-flex w-full rounded-lg border border-subtle focus-within:border-information focus-within:ring-2 focus-within:ring-primary/70',
+      'relative box-border inline-flex w-full border border-subtle focus-within:border-information focus-within:ring-2 focus-within:ring-primary/70',
       !isValid && 'error',
       !disabled && 'hover:border-information',
     )}
@@ -54,7 +54,7 @@
     <textarea
       bind:value
       class={merge(
-        'surface-primary min-h-fit w-full rounded-lg px-3 py-2 text-sm focus-visible:outline-none',
+        'surface-primary min-h-fit w-full px-3 py-2 text-sm focus-visible:outline-none',
         disabled && 'cursor-not-allowed opacity-50',
       )}
       {id}
diff --git a/src/lib/holocene/toggle-button/toggle-button.svelte b/src/lib/holocene/toggle-button/toggle-button.svelte
index d81f70688..0d65749a6 100644
--- a/src/lib/holocene/toggle-button/toggle-button.svelte
+++ b/src/lib/holocene/toggle-button/toggle-button.svelte
@@ -52,7 +52,6 @@
   class:group
   class:active={href ? $page.url.pathname.includes(base) : active}
   href={href ? href + $page.url.search : null}
-  class:rounded-lg={!group}
   class:disabled={$$restProps.disabled}
   on:click
   role="button"
@@ -90,15 +89,7 @@
     @apply cursor-not-allowed opacity-50;
   }
 
-  .group:first-child {
-    @apply rounded-bl-lg rounded-tl-lg;
-  }
-
   .group:not(:last-child) {
     @apply border-r-0;
   }
-
-  .group:last-child {
-    @apply rounded-br-lg rounded-tr-lg;
-  }
 </style>
diff --git a/src/lib/holocene/tooltip.svelte b/src/lib/holocene/tooltip.svelte
index e1d4b01c2..b63357763 100644
--- a/src/lib/holocene/tooltip.svelte
+++ b/src/lib/holocene/tooltip.svelte
@@ -91,7 +91,7 @@
       class:topLeft
       style={width ? `white-space: pre-wrap; width: ${width}px;` : null}
     >
-      <div class="inline-block rounded-lg bg-slate-800 px-2 py-2">
+      <div class="inline-block rounded-md bg-slate-800 px-2 py-2">
         <div class="flex gap-2 text-slate-100">
           <slot name="content">
             {#if icon}<Icon name={icon} class="inline h-4 text-white" />{/if}
diff --git a/src/lib/holocene/user-menu.svelte b/src/lib/holocene/user-menu.svelte
index 842d21ba0..88fdb3081 100644
--- a/src/lib/holocene/user-menu.svelte
+++ b/src/lib/holocene/user-menu.svelte
@@ -25,12 +25,12 @@
       <img
         src={$authUser?.picture}
         alt={$authUser?.profile ?? translate('common.user-profile')}
-        class="h-[24px] w-[24px] cursor-pointer rounded-md"
+        class="h-[24px] w-[24px] cursor-pointer"
         on:error={fixImage}
         class:hidden={!showProfilePic}
       />
       <div
-        class="aspect-square h-full w-[24px] rounded-md bg-blue-200 p-0.5"
+        class="aspect-square h-full w-[24px] bg-blue-200 p-0.5"
         class:hidden={showProfilePic}
       >
         {#if $authUser?.name}
diff --git a/src/lib/layouts/workflow-header.svelte b/src/lib/layouts/workflow-header.svelte
index 748b3fdf8..d98e09a22 100644
--- a/src/lib/layouts/workflow-header.svelte
+++ b/src/lib/layouts/workflow-header.svelte
@@ -97,7 +97,7 @@
     {/if}
   </div>
 </div>
-<header class="rounded-top flex flex-col gap-2">
+<header class="flex flex-col gap-2">
   <div class="flex flex-col items-center justify-between gap-4 lg:flex-row">
     <div class="flex flex-col items-center gap-4 lg:flex-row">
       <WorkflowStatus status={workflow?.status} big />
@@ -143,10 +143,7 @@
   {/if}
   {#if currentDetails}
     <AccordionLight let:open>
-      <div
-        slot="title"
-        class="flex w-full items-center gap-2 rounded p-2 text-xl"
-      >
+      <div slot="title" class="flex w-full items-center gap-2 p-2 text-xl">
         <Icon
           name="flag"
           class="text-brand"
diff --git a/src/lib/layouts/workflow-history-layout.svelte b/src/lib/layouts/workflow-history-layout.svelte
index 2b536149b..6feb1d045 100644
--- a/src/lib/layouts/workflow-history-layout.svelte
+++ b/src/lib/layouts/workflow-history-layout.svelte
@@ -81,7 +81,7 @@
   </div>
 </div>
 <div class="px-8 pb-24">
-  <div class="flex w-full flex-col rounded-sm border border-subtle">
+  <div class="flex w-full flex-col border border-subtle">
     <TimelineGraph
       {workflow}
       {groups}
diff --git a/src/lib/layouts/workflow-run-layout.svelte b/src/lib/layouts/workflow-run-layout.svelte
index 8571fd44e..716affb9c 100644
--- a/src/lib/layouts/workflow-run-layout.svelte
+++ b/src/lib/layouts/workflow-run-layout.svelte
@@ -203,7 +203,7 @@
 
 {#if showJson}
   <div
-    class="relative h-auto whitespace-break-spaces break-words rounded bg-primary p-4"
+    class="relative h-auto whitespace-break-spaces break-words bg-primary p-4"
   >
     <CopyButton
       copyIconTitle={translate('common.copy-icon-title')}
diff --git a/src/lib/pages/nexus-endpoint.svelte b/src/lib/pages/nexus-endpoint.svelte
index 13fea2731..52c6857a2 100644
--- a/src/lib/pages/nexus-endpoint.svelte
+++ b/src/lib/pages/nexus-endpoint.svelte
@@ -33,7 +33,7 @@
     </div>
     <p>UUID: {endpoint.id}</p>
   </div>
-  <div class="surface-primary max-w-fit rounded-lg border border-secondary p-4">
+  <div class="surface-primary max-w-fit border border-secondary p-4">
     <p class="text-lg">Target</p>
     <div class="flex flex-col gap-4 lg:flex-row">
       <div class="flex items-center gap-2">
diff --git a/src/lib/pages/nexus-endpoints.svelte b/src/lib/pages/nexus-endpoints.svelte
index 876d9f63c..83adb80ae 100644
--- a/src/lib/pages/nexus-endpoints.svelte
+++ b/src/lib/pages/nexus-endpoints.svelte
@@ -77,7 +77,7 @@
         {#each endpoints as endpoint}
           <Link href={routeForNexusEndpoint(endpoint.id)} role="button">
             <div
-              class="transition:colors flex cursor-pointer flex-col gap-1 rounded-lg p-4 duration-200 ease-in-out"
+              class="transition:colors flex cursor-pointer flex-col gap-1 p-4 duration-200 ease-in-out"
             >
               <h3 class="break-all">
                 {endpoint.spec.name}
diff --git a/src/lib/vendor/codemirror/theme.ts b/src/lib/vendor/codemirror/theme.ts
index dc0c735f0..0dc5fde8a 100644
--- a/src/lib/vendor/codemirror/theme.ts
+++ b/src/lib/vendor/codemirror/theme.ts
@@ -17,7 +17,6 @@ export const TEMPORAL_THEME = ({
       '&': {
         color: css('--color-text-primary'),
         backgroundColor: css('--color-surface-primary'),
-        borderRadius: '0.25rem',
         borderWidth: '1px',
         borderColor: css('--color-border-subtle'),
         padding: '0.5rem',
diff --git a/src/routes/(app)/select-namespace/+page.svelte b/src/routes/(app)/select-namespace/+page.svelte
index 77ad3cfbe..3442ba9de 100644
--- a/src/routes/(app)/select-namespace/+page.svelte
+++ b/src/routes/(app)/select-namespace/+page.svelte
@@ -64,16 +64,14 @@
     />
   </form>
   <div
-    class="h-96 w-full overflow-hidden rounded-md border"
+    class="h-96 w-full overflow-hidden border"
     aria-label={translate('common.namespaces')}
   >
     {#if items.length}
       <VirtualList {items} let:item itemHeight={50}>
         <button
           on:click={() => navigateToNamespace(item.namespace)}
-          class="surface-primary flex w-full cursor-pointer gap-2 truncate border-b from-blue-100 to-purple-100 p-3 text-left hover:bg-gradient-to-br"
-          class:rounded-t-md={item.index === 0}
-          class:rounded-b-md={item.index === items.length - 1}
+          class="surface-primary flex w-full cursor-pointer gap-2 truncate border-b p-3 text-left outline-none hover:bg-interactive-secondary-hover focus-visible:bg-interactive-secondary-hover"
         >
           {item.namespace}
         </button>
diff --git a/src/routes/(login)/login/+page.svelte b/src/routes/(login)/login/+page.svelte
index 6c80700e8..7d6d19b0d 100644
--- a/src/routes/(login)/login/+page.svelte
+++ b/src/routes/(login)/login/+page.svelte
@@ -47,9 +47,7 @@
 
   {#if error}
     <div class="my-12 flex flex-col items-center justify-start gap-2">
-      <p
-        class="rounded-md border border-orange-500 bg-orange-100 p-5 text-center"
-      >
+      <p class="border border-orange-500 bg-orange-100 p-5 text-center">
         {error}
       </p>
     </div>
diff --git a/src/routes/(login)/signin/+page.svelte b/src/routes/(login)/signin/+page.svelte
index 6c80700e8..7d6d19b0d 100644
--- a/src/routes/(login)/signin/+page.svelte
+++ b/src/routes/(login)/signin/+page.svelte
@@ -47,9 +47,7 @@
 
   {#if error}
     <div class="my-12 flex flex-col items-center justify-start gap-2">
-      <p
-        class="rounded-md border border-orange-500 bg-orange-100 p-5 text-center"
-      >
+      <p class="border border-orange-500 bg-orange-100 p-5 text-center">
         {error}
       </p>
     </div>