From 2f7be632426fa1192944b02421b4678325b86b50 Mon Sep 17 00:00:00 2001
From: Laura Whitaker <laura.whitaker@temporal.io>
Date: Tue, 26 Nov 2024 11:54:32 -0700
Subject: [PATCH 1/9] Change borders from 2px to 1px

---
 src/lib/components/bottom-nav-settings.svelte        |  2 +-
 src/lib/components/bottom-nav.svelte                 |  4 ++--
 src/lib/components/event/event-details-full.svelte   |  8 ++++----
 src/lib/components/event/event-details-row.svelte    |  2 +-
 src/lib/components/event/event-group-details.svelte  |  2 +-
 src/lib/components/feedback-button.svelte            |  4 ++--
 .../lines-and-dots/svg/group-details-row.svelte      |  2 +-
 .../lines-and-dots/svg/timeline-graph.svelte         |  2 +-
 .../components/lines-and-dots/workflow-error.svelte  |  2 +-
 src/lib/components/panel.svelte                      |  2 +-
 .../schedule/schedule-basic-frequency.svelte         |  2 +-
 .../components/schedule/schedule-recent-runs.svelte  |  2 +-
 .../schedule/schedule-upcoming-runs.svelte           |  2 +-
 .../components/workflow/pending-activities.svelte    |  2 +-
 .../components/workflow/workflow-loading-row.svelte  |  4 ++--
 .../table-empty-state.svelte                         |  2 +-
 src/lib/holocene/accordion/accordion-group.svelte    |  2 +-
 src/lib/holocene/accordion/accordion.svelte          |  4 ++--
 src/lib/holocene/alert.svelte                        |  2 +-
 src/lib/holocene/button.svelte                       |  2 +-
 src/lib/holocene/card.svelte                         |  2 +-
 src/lib/holocene/checkbox.svelte                     | 12 ++++++------
 src/lib/holocene/code-block.svelte                   |  2 +-
 src/lib/holocene/combobox/combobox.svelte            |  8 ++++----
 src/lib/holocene/copyable/button.svelte              |  2 +-
 src/lib/holocene/empty-state.svelte                  |  2 +-
 src/lib/holocene/input/chip-input.svelte             |  2 +-
 src/lib/holocene/input/input.svelte                  |  6 ++++--
 src/lib/holocene/input/number-input.svelte           |  2 +-
 src/lib/holocene/input/range-input.svelte            |  4 ++--
 src/lib/holocene/keyboard-shortcut/shortcut.svelte   |  2 +-
 src/lib/holocene/menu/menu.svelte                    |  2 +-
 src/lib/holocene/modal.svelte                        |  2 +-
 .../holocene/orderable-list/orderable-list.svelte    |  2 +-
 src/lib/holocene/radio-input/radio-input.svelte      |  4 ++--
 src/lib/holocene/tab/tab.svelte                      |  2 +-
 src/lib/holocene/table/paginated-table/index.svelte  |  4 ++--
 src/lib/holocene/table/table.svelte                  |  2 +-
 src/lib/holocene/textarea.svelte                     |  2 +-
 src/lib/holocene/toggle-button/toggle-button.svelte  |  2 +-
 src/lib/holocene/user-menu-mobile.svelte             |  2 +-
 src/lib/layouts/workflow-history-layout.svelte       |  2 +-
 src/lib/layouts/workflow-run-layout.svelte           |  2 +-
 src/lib/pages/nexus-endpoint.svelte                  |  4 +---
 src/routes/(login)/login/+page.svelte                |  4 ++--
 src/routes/(login)/signin/+page.svelte               |  4 ++--
 46 files changed, 69 insertions(+), 69 deletions(-)

diff --git a/src/lib/components/bottom-nav-settings.svelte b/src/lib/components/bottom-nav-settings.svelte
index a930f9c04..0d71c6ef4 100644
--- a/src/lib/components/bottom-nav-settings.svelte
+++ b/src/lib/components/bottom-nav-settings.svelte
@@ -42,7 +42,7 @@
         : 'transcoder-off'}
     />
     <DataEncoderSettings />
-    <div class="border-b-2 border-subtle" />
+    <div class="border-b border-subtle" />
     <NavigationButton
       onClick={() => ($useDarkMode = !$useDarkMode)}
       tooltip={$useDarkMode
diff --git a/src/lib/components/bottom-nav.svelte b/src/lib/components/bottom-nav.svelte
index 33cd9679f..ea18e472e 100644
--- a/src/lib/components/bottom-nav.svelte
+++ b/src/lib/components/bottom-nav.svelte
@@ -111,7 +111,7 @@
       class="grow text-white"
       on:click={onNamespaceClick}>{truncateNamespace(namespace)}</Button
     >
-    <div class="ml-1 h-full w-1 border-l-2 border-subtle" />
+    <div class="ml-1 h-full w-1 border-l border-subtle" />
     <Button
       variant="ghost"
       size="xs"
@@ -141,7 +141,7 @@
 
 <style lang="postcss">
   .namespace-wrapper {
-    @apply surface-black flex h-10 w-full grow flex-row items-center rounded-lg border-2 border-subtle px-0.5 text-sm dark:focus-within:surface-primary focus-within:border-interactive focus-within:outline-none focus-within:ring-4 focus-within:ring-primary/70;
+    @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-4 focus-within:ring-primary/70;
   }
 
   .nav-button {
diff --git a/src/lib/components/event/event-details-full.svelte b/src/lib/components/event/event-details-full.svelte
index 68dac245d..57b170274 100644
--- a/src/lib/components/event/event-details-full.svelte
+++ b/src/lib/components/event/event-details-full.svelte
@@ -20,13 +20,13 @@
 {#if showEventGroup}
   <div class="w-full p-2">
     <div
-      class="flex flex-col gap-0 overflow-hidden rounded-xl border-2 border-subtle xl:flex-row"
+      class="flex flex-col gap-0 overflow-hidden rounded-xl border border-subtle xl:flex-row"
     >
       {#each group.eventList as groupEvent}
         {@const attributes = formatAttributes(groupEvent)}
         {@const details = Object.entries(attributes)}
         <div
-          class="w-full border-subtle [&:not(:last-child)]:border-r-2"
+          class="w-full border-subtle [&:not(:last-child)]:border-r"
           class:three-events={group.eventList.length === 3 ||
             (group.eventList.length === 2 && pendingEvent)}
           class:two-events={group.eventList.length === 2 ||
@@ -54,7 +54,7 @@
       {#if pendingEvent}
         {@const details = Object.entries(pendingEvent)}
         <div
-          class="w-full border-subtle [&:not(:last-child)]:border-r-2"
+          class="w-full border-subtle [&:not(:last-child)]:border-r"
           class:three-events={group.eventList.length === 2}
           class:two-events={group.eventList.length === 1}
         >
@@ -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-2 border-subtle">
+    <div class="w-full overflow-hidden rounded-xl 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 135e504f7..491665be7 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-2 border-subtle bg-primary px-1 py-0.5 font-mono text-xs;
+    @apply overflow-hidden rounded border border-subtle bg-primary px-1 py-0.5 font-mono text-xs;
   }
 </style>
diff --git a/src/lib/components/event/event-group-details.svelte b/src/lib/components/event/event-group-details.svelte
index 03c16e0ff..ef3341399 100644
--- a/src/lib/components/event/event-group-details.svelte
+++ b/src/lib/components/event/event-group-details.svelte
@@ -19,7 +19,7 @@
   $: ({ workflow, run, namespace } = $page.params);
 </script>
 
-<div class="w-full border-slate-700 lg:w-1/3 lg:border-r-2">
+<div class="w-full border-slate-700 lg:w-1/3 lg:border-r">
   <Table class="surface-primary w-full table-fixed pb-2" variant="simple">
     {#each [...eventGroup.events].reverse() as [id, eventInGroup] (id)}
       <tr
diff --git a/src/lib/components/feedback-button.svelte b/src/lib/components/feedback-button.svelte
index 1d652a4e7..f072373aa 100644
--- a/src/lib/components/feedback-button.svelte
+++ b/src/lib/components/feedback-button.svelte
@@ -19,7 +19,7 @@
 
 <style lang="postcss">
   .feedback-button {
-    @apply flex w-40 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 rounded-full px-4 py-2 text-sm text-purple-200 shadow-md;
   }
 
   .feedback-button:hover {
@@ -27,6 +27,6 @@
   }
 
   .feedback-icon {
-    @apply mr-2 rounded-full border-2 border-purple-200;
+    @apply mr-2 rounded-full border-purple-200;
   }
 </style>
diff --git a/src/lib/components/lines-and-dots/svg/group-details-row.svelte b/src/lib/components/lines-and-dots/svg/group-details-row.svelte
index 7f9b5facd..9174a1337 100644
--- a/src/lib/components/lines-and-dots/svg/group-details-row.svelte
+++ b/src/lib/components/lines-and-dots/svg/group-details-row.svelte
@@ -162,7 +162,7 @@
           runId={childWorkflowStartedEvent.attributes.workflowExecution.runId}
           height={childTimelineHeight}
           width={childTimelineWidth}
-          class="overflow-x-hidden rounded-br rounded-tr border-b-2 border-r-2 border-t-2 border-subtle bg-primary"
+          class="overflow-x-hidden rounded-br rounded-tr border-y border-r border-subtle bg-primary"
         />
       {/key}
     </foreignObject>
diff --git a/src/lib/components/lines-and-dots/svg/timeline-graph.svelte b/src/lib/components/lines-and-dots/svg/timeline-graph.svelte
index a05cc3533..ec7088ce4 100644
--- a/src/lib/components/lines-and-dots/svg/timeline-graph.svelte
+++ b/src/lib/components/lines-and-dots/svg/timeline-graph.svelte
@@ -67,7 +67,7 @@
 </script>
 
 <div
-  class="relative h-auto overflow-auto border-b-2 border-subtle"
+  class="relative h-auto overflow-auto border-b border-subtle"
   bind:clientWidth={canvasWidth}
   style="max-height: {viewportHeight}px;"
   on:scroll={handleScroll}
diff --git a/src/lib/components/lines-and-dots/workflow-error.svelte b/src/lib/components/lines-and-dots/workflow-error.svelte
index 6cec7c2c4..74037b33b 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-2 border-danger"
+      class="mt-2 flex w-full flex-col gap-0 overflow-hidden rounded-xl 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/panel.svelte b/src/lib/components/panel.svelte
index bc1cabca5..6c791512a 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-2 p-8 dark:border-subtle;
+    @apply rounded-xl 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 32a1a5574..f2063008d 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-2 border-subtle bg-primary px-2 py-2 font-mono text-sm;
+    @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;
   }
 </style>
diff --git a/src/lib/components/schedule/schedule-recent-runs.svelte b/src/lib/components/schedule/schedule-recent-runs.svelte
index 0ecf1068f..8928da47c 100644
--- a/src/lib/components/schedule/schedule-recent-runs.svelte
+++ b/src/lib/components/schedule/schedule-recent-runs.svelte
@@ -93,6 +93,6 @@
 
 <style lang="postcss">
   .row {
-    @apply my-1 inline-flex w-full items-center border-b-2 border-subtle py-1;
+    @apply my-1 inline-flex w-full items-center border-b border-subtle py-1;
   }
 </style>
diff --git a/src/lib/components/schedule/schedule-upcoming-runs.svelte b/src/lib/components/schedule/schedule-upcoming-runs.svelte
index 6eef6e893..71a648c13 100644
--- a/src/lib/components/schedule/schedule-upcoming-runs.svelte
+++ b/src/lib/components/schedule/schedule-upcoming-runs.svelte
@@ -30,6 +30,6 @@
 
 <style lang="postcss">
   .row {
-    @apply my-1 inline-flex h-10 w-full justify-start border-b-2 border-subtle py-1;
+    @apply my-1 inline-flex h-10 w-full justify-start border-b border-subtle py-1;
   }
 </style>
diff --git a/src/lib/components/workflow/pending-activities.svelte b/src/lib/components/workflow/pending-activities.svelte
index 1b288f0f8..90bb1127b 100644
--- a/src/lib/components/workflow/pending-activities.svelte
+++ b/src/lib/components/workflow/pending-activities.svelte
@@ -189,7 +189,7 @@
   }
 
   .pending-activity-summary {
-    @apply w-full overflow-x-scroll border-b-2 border-subtle py-1 text-sm;
+    @apply w-full overflow-x-scroll border-b border-subtle py-1 text-sm;
   }
 
   .pending-activity-row:last-child .pending-activity-summary {
diff --git a/src/lib/components/workflow/workflow-loading-row.svelte b/src/lib/components/workflow/workflow-loading-row.svelte
index 3dd996d52..4eb6c9f7b 100644
--- a/src/lib/components/workflow/workflow-loading-row.svelte
+++ b/src/lib/components/workflow/workflow-loading-row.svelte
@@ -18,11 +18,11 @@
 
 <style lang="postcss">
   .row {
-    @apply items-center border-b-2 p-2 text-sm no-underline last-of-type:border-b-0 md:table-row md:text-base;
+    @apply items-center border-b p-2 text-sm no-underline last-of-type:border-b-0 md:table-row md:text-base;
   }
 
   .cell {
-    @apply p-2 text-left md:border-b-2;
+    @apply p-2 text-left md:border-b;
   }
 
   .row:last-of-type .cell {
diff --git a/src/lib/components/workflow/workflows-summary-configurable-table/table-empty-state.svelte b/src/lib/components/workflow/workflows-summary-configurable-table/table-empty-state.svelte
index 187528cc6..034027986 100644
--- a/src/lib/components/workflow/workflows-summary-configurable-table/table-empty-state.svelte
+++ b/src/lib/components/workflow/workflows-summary-configurable-table/table-empty-state.svelte
@@ -31,7 +31,7 @@
   aria-live="polite"
 >
   <div
-    class="surface-primary flex w-auto min-w-[280px] flex-col gap-4 border-b-2 border-table p-8 xl:min-w-[520px] xl:border-b-0 xl:border-r-2"
+    class="surface-primary flex w-auto min-w-[280px] flex-col gap-4 border-b border-table p-8 xl:min-w-[520px] xl:border-b-0 xl:border-r"
   >
     {#if updating}
       <Loading />
diff --git a/src/lib/holocene/accordion/accordion-group.svelte b/src/lib/holocene/accordion/accordion-group.svelte
index 7bdc4e0ae..f7da29070 100644
--- a/src/lib/holocene/accordion/accordion-group.svelte
+++ b/src/lib/holocene/accordion/accordion-group.svelte
@@ -1,5 +1,5 @@
 <div
-  class="*:rounded-none *:border-t-0 [&>*:first-child]:rounded-t-2xl [&>*:first-child]:border-t-2 [&>*:last-child]:rounded-b-2xl"
+  class="*:rounded-none *:border-t-0 [&>*:first-child]:rounded-t-2xl [&>*:first-child]:border-t [&>*:last-child]:rounded-b-2xl"
 >
   <slot />
 </div>
diff --git a/src/lib/holocene/accordion/accordion.svelte b/src/lib/holocene/accordion/accordion.svelte
index 181b7947c..c74aa30fe 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-2 border-subtle p-2 focus-within:ring-4 focus-within:ring-inset focus-within:ring-primary/70',
+      'surface-primary w-full rounded-2xl border border-subtle p-2 focus-within:ring-4 focus-within:ring-inset focus-within:ring-primary/70',
       className,
     )}
     {...$$restProps}
@@ -95,7 +95,7 @@
   </div>
 {:else}
   <div
-    class="surface-primary w-full rounded-2xl border-2 border-subtle p-4"
+    class="surface-primary w-full rounded-2xl border border-subtle p-4"
     {...$$restProps}
   >
     <div class="flex w-full flex-col rounded-lg">
diff --git a/src/lib/holocene/alert.svelte b/src/lib/holocene/alert.svelte
index 6ba761d5b..360e41069 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-2 p-5 text-sm text-primary;
+    @apply items-start gap-2 break-words rounded-lg border p-5 text-sm text-primary;
   }
 
   .alert.success {
diff --git a/src/lib/holocene/button.svelte b/src/lib/holocene/button.svelte
index ced4059a1..24d10f63b 100644
--- a/src/lib/holocene/button.svelte
+++ b/src/lib/holocene/button.svelte
@@ -20,7 +20,7 @@
       'w-fit',
       'items-center',
       'justify-center',
-      'border-2',
+      'border',
       'gap-2',
       'rounded-lg',
       'disabled:opacity-50',
diff --git a/src/lib/holocene/card.svelte b/src/lib/holocene/card.svelte
index 5928f00b3..bfce13189 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-2 border-subtle p-4;
+    @apply rounded-2xl border border-subtle p-4;
   }
 </style>
diff --git a/src/lib/holocene/checkbox.svelte b/src/lib/holocene/checkbox.svelte
index ca2a0a68e..5f9acc3c3 100644
--- a/src/lib/holocene/checkbox.svelte
+++ b/src/lib/holocene/checkbox.svelte
@@ -114,8 +114,8 @@
           'flex-none',
           'cursor-pointer',
           'rounded-md',
-          'border-2',
-          'bg-transparent',
+          'border',
+          'bg-primary',
           'text-inverse',
           'bg-clip-padding',
           'peer-indeterminate:bg-interactive',
@@ -124,10 +124,10 @@
           'peer-checked:border-interactive',
         ],
         !disabled && [
-          'group-hover:border-transparent',
-          'peer-focus-visible:border-transparent',
-          'group-hover:peer-checked:border-transparent',
-          'group-hover:peer-indeterminate:border-transparent',
+          'group-hover:border-inverse',
+          'peer-focus-visible:border-inverse',
+          'group-hover:peer-checked:border-inverse',
+          'group-hover:peer-indeterminate:border-inverse',
           'group-hover:bg-interactive-active',
           'peer-focus-visible:bg-interactive-active',
           'group-hover:peer-checked:bg-interactive-active',
diff --git a/src/lib/holocene/code-block.svelte b/src/lib/holocene/code-block.svelte
index fea388474..75a855dc5 100644
--- a/src/lib/holocene/code-block.svelte
+++ b/src/lib/holocene/code-block.svelte
@@ -195,7 +195,7 @@
 <div class="relative min-w-[80px] grow">
   <div
     bind:this={editor}
-    class={merge('surface-primary rounded border-2 border-subtle', className)}
+    class={merge('surface-primary rounded border border-subtle', className)}
     class:inline
     data-testid={$$props.testId}
     class:editable
diff --git a/src/lib/holocene/combobox/combobox.svelte b/src/lib/holocene/combobox/combobox.svelte
index 5504f1e4f..b47d5daac 100644
--- a/src/lib/holocene/combobox/combobox.svelte
+++ b/src/lib/holocene/combobox/combobox.svelte
@@ -421,7 +421,7 @@
       />
     </div>
     {#if $$slots.action}
-      <div class="ml-1 flex h-full items-center border-l-2 border-subtle p-0.5">
+      <div class="ml-1 flex h-full items-center border-l border-subtle p-0.5">
         {#if actionTooltip}
           <Tooltip text={actionTooltip} right>
             <slot name="action" />
@@ -431,7 +431,7 @@
         {/if}
       </div>
     {:else if href}
-      <div class="ml-1 flex h-full items-center border-l-2 border-subtle p-0.5">
+      <div class="ml-1 flex h-full items-center border-l border-subtle p-0.5">
         {#if actionTooltip}
           <Tooltip text={actionTooltip} right>
             <Button
@@ -503,10 +503,10 @@
 
 <style lang="postcss">
   .combobox-wrapper {
-    @apply surface-primary flex w-full flex-row items-center rounded-lg border-2 border-subtle text-sm dark:focus-within:surface-primary focus-within:border-interactive focus-within:outline-none focus-within:ring-4 focus-within:ring-primary/70;
+    @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-4 focus-within:ring-primary/70;
 
     &.invalid {
-      @apply border-2 border-danger text-danger focus-within:ring-danger/70;
+      @apply border border-danger text-danger focus-within:ring-danger/70;
     }
 
     &.disabled {
diff --git a/src/lib/holocene/copyable/button.svelte b/src/lib/holocene/copyable/button.svelte
index a430ba3ac..e40d181cd 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-2 border-[transparent] bg-transparent p-1 focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-primary/70',
+    'surface-interactive-secondary m-1 rounded-md border border-[transparent] bg-transparent p-1 focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-primary/70',
     className,
   )}
   on:click
diff --git a/src/lib/holocene/empty-state.svelte b/src/lib/holocene/empty-state.svelte
index 09a45e056..06e4ba3ea 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-2 border-danger bg-danger p-5 text-center">
+    <p class="rounded-md border border-danger bg-danger p-5 text-center">
       {error}
     </p>
   {/if}
diff --git a/src/lib/holocene/input/chip-input.svelte b/src/lib/holocene/input/chip-input.svelte
index b9bd24dfd..ac899f1ec 100644
--- a/src/lib/holocene/input/chip-input.svelte
+++ b/src/lib/holocene/input/chip-input.svelte
@@ -174,7 +174,7 @@
 
 <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-2 border-subtle p-2 text-sm text-primary focus-within:border-interactive focus-within:ring-4 focus-within:ring-primary/70;
+    @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-4 focus-within:ring-primary/70;
   }
 
   .invalid {
diff --git a/src/lib/holocene/input/input.svelte b/src/lib/holocene/input/input.svelte
index 7a74e9928..2e6a475f4 100644
--- a/src/lib/holocene/input/input.svelte
+++ b/src/lib/holocene/input/input.svelte
@@ -93,7 +93,9 @@
   <div class="input-group flex rounded-lg">
     <slot name="before-input" {disabled} />
     <div
-      class="input-container"
+      class={merge(
+        '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-4 focus-within:ring-primary/70',
+      )}
       class:disabled
       class:error
       class:noBorder
@@ -185,7 +187,7 @@
 <style lang="postcss">
   /* Base styles */
   .input-container {
-    @apply surface-primary relative box-border inline-flex h-10 w-full items-center rounded-lg border-2 border-subtle text-sm focus-within:outline-none focus-within:ring-4 focus-within:ring-primary/70;
+    /* @apply ; */
 
     &.error,
     &.invalid {
diff --git a/src/lib/holocene/input/number-input.svelte b/src/lib/holocene/input/number-input.svelte
index 9f29bf621..e2263dc1e 100644
--- a/src/lib/holocene/input/number-input.svelte
+++ b/src/lib/holocene/input/number-input.svelte
@@ -88,7 +88,7 @@
   }
 
   .input-container {
-    @apply surface-primary relative box-border flex h-10 w-16 items-center rounded-lg border-2 border-subtle text-sm focus-within:outline-none focus-within:ring-4 focus-within:ring-primary/70;
+    @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-4 focus-within:ring-primary/70;
   }
 
   .input-container.search {
diff --git a/src/lib/holocene/input/range-input.svelte b/src/lib/holocene/input/range-input.svelte
index e3ca93a39..59c72f517 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-2 border-subtle bg-information text-center text-sm focus-within:outline-none focus-within:ring-4 focus-within:ring-primary/70;
+    @apply h-10 w-10 rounded-lg border border-subtle bg-information text-center text-sm focus-within:outline-none focus-within:ring-4 focus-within:ring-primary/70;
 
     appearance: textfield;
   }
@@ -148,7 +148,7 @@
   }
 
   input[type='range']::-webkit-slider-thumb {
-    @apply h-4 w-8 appearance-none rounded-full border-2 border-solid border-primary bg-information;
+    @apply h-4 w-8 appearance-none rounded-full border border-solid border-primary bg-information;
   }
 
   input[type='range']::-moz-range-thumb {
diff --git a/src/lib/holocene/keyboard-shortcut/shortcut.svelte b/src/lib/holocene/keyboard-shortcut/shortcut.svelte
index b9b5f3d63..950aca116 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-2 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 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;
   }
 </style>
diff --git a/src/lib/holocene/menu/menu.svelte b/src/lib/holocene/menu/menu.svelte
index 071eae745..ba1908d67 100644
--- a/src/lib/holocene/menu/menu.svelte
+++ b/src/lib/holocene/menu/menu.svelte
@@ -63,7 +63,7 @@
 
 <style lang="postcss">
   .menu {
-    @apply surface-primary absolute z-20 mt-1 min-w-fit list-none overflow-auto rounded-lg border-2 border-subtle text-primary shadow;
+    @apply surface-primary absolute z-20 mt-1 min-w-fit list-none overflow-auto rounded-lg border border-subtle text-primary shadow;
 
     &.left,
     &.top-left {
diff --git a/src/lib/holocene/modal.svelte b/src/lib/holocene/modal.svelte
index 558f6cf1b..690f0b094 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-2 border-secondary p-0 text-primary shadow-xl md:h-max;
+    @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;
   }
 
   .body::backdrop {
diff --git a/src/lib/holocene/orderable-list/orderable-list.svelte b/src/lib/holocene/orderable-list/orderable-list.svelte
index eb5618a1f..a4ce00282 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-2 border-subtle;
+    @apply surface-primary rounded-lg border border-subtle;
   }
 </style>
diff --git a/src/lib/holocene/radio-input/radio-input.svelte b/src/lib/holocene/radio-input/radio-input.svelte
index 7f74d0d47..b880d6d86 100644
--- a/src/lib/holocene/radio-input/radio-input.svelte
+++ b/src/lib/holocene/radio-input/radio-input.svelte
@@ -63,7 +63,7 @@
   }
 
   input[type='radio'] {
-    @apply box-border h-5 w-5 cursor-pointer appearance-none rounded-full border-2 border-secondary outline-none;
+    @apply box-border h-5 w-5 cursor-pointer appearance-none rounded-full border border-secondary outline-none;
 
     &:checked {
       @apply bg-interactive;
@@ -88,7 +88,7 @@
 
     &:checked,
     &:active {
-      @apply shadow-[inset_0_0_0_2px] shadow-white dark:shadow-black;
+      @apply shadow-[inset_0_0_0_1px] shadow-white dark:shadow-black;
     }
 
     &:disabled {
diff --git a/src/lib/holocene/tab/tab.svelte b/src/lib/holocene/tab/tab.svelte
index 871051f13..1353671ef 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-2 border-transparent text-sm font-medium outline-none focus-visible:rounded-sm focus-visible:ring-4 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:rounded-sm focus-visible:ring-4 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 2581842b7..2cc57c69c 100644
--- a/src/lib/holocene/table/paginated-table/index.svelte
+++ b/src/lib/holocene/table/paginated-table/index.svelte
@@ -54,11 +54,11 @@
   }
 
   .primary {
-    @apply rounded-lg border-2 border-table;
+    @apply rounded-lg border border-table;
   }
 
   .split {
-    @apply border-t-2 border-subtle;
+    @apply border-t border-subtle;
   }
 
   .paginated-table {
diff --git a/src/lib/holocene/table/table.svelte b/src/lib/holocene/table/table.svelte
index 7b1657da4..1e614123b 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-2 border-table;
+    @apply surface-primary border-separate border-spacing-0 rounded-xl border border-table;
 
     thead {
       @apply surface-table;
diff --git a/src/lib/holocene/textarea.svelte b/src/lib/holocene/textarea.svelte
index 4e2f24474..6f77a663c 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-2 border-subtle focus-within:border-information focus-within:ring-4 focus-within:ring-primary/70',
+      'relative box-border inline-flex w-full rounded-lg border border-subtle focus-within:border-information focus-within:ring-4 focus-within:ring-primary/70',
       !isValid && 'error',
       !disabled && 'hover:border-information',
     )}
diff --git a/src/lib/holocene/toggle-button/toggle-button.svelte b/src/lib/holocene/toggle-button/toggle-button.svelte
index 5200722f3..5c8696f13 100644
--- a/src/lib/holocene/toggle-button/toggle-button.svelte
+++ b/src/lib/holocene/toggle-button/toggle-button.svelte
@@ -75,7 +75,7 @@
 
 <style lang="postcss">
   .toggle-button {
-    @apply surface-primary flex items-center justify-center border-2 border-subtle px-4 py-2 text-sm leading-4 text-primary focus-visible:outline-none;
+    @apply surface-primary flex items-center justify-center border border-subtle px-4 py-2 text-sm leading-4 text-primary focus-visible:outline-none;
 
     &:not(.disabled) {
       @apply hover:surface-interactive-secondary focus-visible:surface-interactive-secondary focus-visible:ring-4 focus-visible:ring-primary/70;
diff --git a/src/lib/holocene/user-menu-mobile.svelte b/src/lib/holocene/user-menu-mobile.svelte
index 96ae44f8e..beeaaba27 100644
--- a/src/lib/holocene/user-menu-mobile.svelte
+++ b/src/lib/holocene/user-menu-mobile.svelte
@@ -7,7 +7,7 @@
 </script>
 
 {#if $authUser.accessToken}
-  <div class="border-b-2 border-subtle" />
+  <div class="border-b border-subtle" />
   <NavigationButton
     tooltip={$authUser.email}
     label={$authUser.email}
diff --git a/src/lib/layouts/workflow-history-layout.svelte b/src/lib/layouts/workflow-history-layout.svelte
index 7b35af46b..2b536149b 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-2 border-subtle">
+  <div class="flex w-full flex-col rounded-sm 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 773ce7aee..2d3909260 100644
--- a/src/lib/layouts/workflow-run-layout.svelte
+++ b/src/lib/layouts/workflow-run-layout.svelte
@@ -226,7 +226,7 @@
     {:else if !$workflowRun.workflow}
       <Loading class="pt-24" />
     {:else}
-      <div class="border-b-2 border-subtle px-8 pt-8 md:pt-20">
+      <div class="border-b border-subtle px-8 pt-8 md:pt-20">
         <WorkflowHeader namespace={$page.params.namespace} />
       </div>
       <slot />
diff --git a/src/lib/pages/nexus-endpoint.svelte b/src/lib/pages/nexus-endpoint.svelte
index 610f6c4e2..13fea2731 100644
--- a/src/lib/pages/nexus-endpoint.svelte
+++ b/src/lib/pages/nexus-endpoint.svelte
@@ -33,9 +33,7 @@
     </div>
     <p>UUID: {endpoint.id}</p>
   </div>
-  <div
-    class="surface-primary max-w-fit rounded-lg border-2 border-secondary p-4"
-  >
+  <div class="surface-primary max-w-fit rounded-lg 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/routes/(login)/login/+page.svelte b/src/routes/(login)/login/+page.svelte
index f3c39aabb..6c80700e8 100644
--- a/src/routes/(login)/login/+page.svelte
+++ b/src/routes/(login)/login/+page.svelte
@@ -23,7 +23,7 @@
   <FeedbackButton />
 </header>
 <section class="my-[20vh] text-center">
-  <h1 class="text-8xl font-semibold" data-testid="login-title">
+  <h1 class="text-7xl font-semibold sm:text-8xl" data-testid="login-title">
     Welcome back.
   </h1>
   <p class="my-7" data-testid="login-info">Let's get you signed in.</p>
@@ -48,7 +48,7 @@
   {#if error}
     <div class="my-12 flex flex-col items-center justify-start gap-2">
       <p
-        class="rounded-md border-2 border-orange-500 bg-orange-100 p-5 text-center"
+        class="rounded-md border border-orange-500 bg-orange-100 p-5 text-center"
       >
         {error}
       </p>
diff --git a/src/routes/(login)/signin/+page.svelte b/src/routes/(login)/signin/+page.svelte
index f3c39aabb..6c80700e8 100644
--- a/src/routes/(login)/signin/+page.svelte
+++ b/src/routes/(login)/signin/+page.svelte
@@ -23,7 +23,7 @@
   <FeedbackButton />
 </header>
 <section class="my-[20vh] text-center">
-  <h1 class="text-8xl font-semibold" data-testid="login-title">
+  <h1 class="text-7xl font-semibold sm:text-8xl" data-testid="login-title">
     Welcome back.
   </h1>
   <p class="my-7" data-testid="login-info">Let's get you signed in.</p>
@@ -48,7 +48,7 @@
   {#if error}
     <div class="my-12 flex flex-col items-center justify-start gap-2">
       <p
-        class="rounded-md border-2 border-orange-500 bg-orange-100 p-5 text-center"
+        class="rounded-md border border-orange-500 bg-orange-100 p-5 text-center"
       >
         {error}
       </p>

From c7ca7ef94828b072e43cb62778216b59ed70224d Mon Sep 17 00:00:00 2001
From: Laura Whitaker <laura.whitaker@temporal.io>
Date: Tue, 26 Nov 2024 14:25:19 -0700
Subject: [PATCH 2/9] Change ring from 4px to 2px

---
 src/lib/components/bottom-nav-namespaces.svelte         | 2 +-
 src/lib/components/bottom-nav.svelte                    | 2 +-
 src/lib/holocene/accordion/accordion.svelte             | 2 +-
 src/lib/holocene/button.svelte                          | 2 +-
 src/lib/holocene/checkbox.svelte                        | 4 ++--
 src/lib/holocene/combobox/combobox.svelte               | 2 +-
 src/lib/holocene/copyable/button.svelte                 | 2 +-
 src/lib/holocene/input/chip-input.svelte                | 4 ++--
 src/lib/holocene/input/input.svelte                     | 2 +-
 src/lib/holocene/input/number-input.svelte              | 2 +-
 src/lib/holocene/input/range-input.svelte               | 8 ++++----
 src/lib/holocene/link.svelte                            | 2 +-
 src/lib/holocene/menu/menu-item.svelte                  | 2 +-
 src/lib/holocene/navigation/navigation-container.svelte | 4 ++--
 src/lib/holocene/pill-container/pill.svelte             | 2 +-
 src/lib/holocene/radio-input/radio-input.svelte         | 2 +-
 src/lib/holocene/tab/tab.svelte                         | 2 +-
 src/lib/holocene/textarea.svelte                        | 4 ++--
 src/lib/holocene/toggle-button/toggle-button.svelte     | 2 +-
 src/lib/holocene/toggle-switch.svelte                   | 2 +-
 20 files changed, 27 insertions(+), 27 deletions(-)

diff --git a/src/lib/components/bottom-nav-namespaces.svelte b/src/lib/components/bottom-nav-namespaces.svelte
index 33e77beae..eac4dbdec 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-4 focus-visible:ring-primary/70 dark:focus-visible:border-interactive;
+    @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;
 
     &.selected {
       @apply text-brand;
diff --git a/src/lib/components/bottom-nav.svelte b/src/lib/components/bottom-nav.svelte
index ea18e472e..3bde64226 100644
--- a/src/lib/components/bottom-nav.svelte
+++ b/src/lib/components/bottom-nav.svelte
@@ -141,7 +141,7 @@
 
 <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-4 focus-within:ring-primary/70;
+    @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;
   }
 
   .nav-button {
diff --git a/src/lib/holocene/accordion/accordion.svelte b/src/lib/holocene/accordion/accordion.svelte
index c74aa30fe..9a3dfe365 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-4 focus-within:ring-inset focus-within:ring-primary/70',
+      'surface-primary w-full rounded-2xl border border-subtle p-2 focus-within:ring-2 focus-within:ring-inset focus-within:ring-primary/70',
       className,
     )}
     {...$$restProps}
diff --git a/src/lib/holocene/button.svelte b/src/lib/holocene/button.svelte
index 24d10f63b..231c0a8bf 100644
--- a/src/lib/holocene/button.svelte
+++ b/src/lib/holocene/button.svelte
@@ -30,7 +30,7 @@
       'transition-shadow',
       'focus-visible:outline-none',
       'focus-visible:border-inverse',
-      'focus-visible:ring-4',
+      'focus-visible:ring-2',
       'whitespace-nowrap',
       'no-underline',
       '[.button-group>&]:rounded-none',
diff --git a/src/lib/holocene/checkbox.svelte b/src/lib/holocene/checkbox.svelte
index 5f9acc3c3..435052b3d 100644
--- a/src/lib/holocene/checkbox.svelte
+++ b/src/lib/holocene/checkbox.svelte
@@ -132,9 +132,9 @@
           'peer-focus-visible:bg-interactive-active',
           'group-hover:peer-checked:bg-interactive-active',
           'group-hover:peer-indeterminate:bg-interactive-active',
-          'group-hover:ring-4',
+          'group-hover:ring-2',
           'group-hover:ring-primary/70',
-          'peer-focus-visible:ring-4',
+          'peer-focus-visible:ring-2',
           'peer-focus-visible:ring-primary/70',
         ],
         disabled && ['cursor-not-allowed', 'opacity-50'],
diff --git a/src/lib/holocene/combobox/combobox.svelte b/src/lib/holocene/combobox/combobox.svelte
index b47d5daac..9053cbc3d 100644
--- a/src/lib/holocene/combobox/combobox.svelte
+++ b/src/lib/holocene/combobox/combobox.svelte
@@ -503,7 +503,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-4 focus-within:ring-primary/70;
+    @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;
 
     &.invalid {
       @apply border border-danger text-danger focus-within:ring-danger/70;
diff --git a/src/lib/holocene/copyable/button.svelte b/src/lib/holocene/copyable/button.svelte
index e40d181cd..a5203a6b3 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-4 focus-visible:ring-primary/70',
+    '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',
     className,
   )}
   on:click
diff --git a/src/lib/holocene/input/chip-input.svelte b/src/lib/holocene/input/chip-input.svelte
index ac899f1ec..d2aadaaf3 100644
--- a/src/lib/holocene/input/chip-input.svelte
+++ b/src/lib/holocene/input/chip-input.svelte
@@ -174,11 +174,11 @@
 
 <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-4 focus-within:ring-primary/70;
+    @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-4 focus-within:ring-danger/70;
+    @apply border-danger focus-within:border-danger focus-within:ring-2 focus-within:ring-danger/70;
   }
 
   input {
diff --git a/src/lib/holocene/input/input.svelte b/src/lib/holocene/input/input.svelte
index 2e6a475f4..4ca7b965b 100644
--- a/src/lib/holocene/input/input.svelte
+++ b/src/lib/holocene/input/input.svelte
@@ -94,7 +94,7 @@
     <slot name="before-input" {disabled} />
     <div
       class={merge(
-        '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-4 focus-within:ring-primary/70',
+        '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',
       )}
       class:disabled
       class:error
diff --git a/src/lib/holocene/input/number-input.svelte b/src/lib/holocene/input/number-input.svelte
index e2263dc1e..e62ca4ea6 100644
--- a/src/lib/holocene/input/number-input.svelte
+++ b/src/lib/holocene/input/number-input.svelte
@@ -88,7 +88,7 @@
   }
 
   .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-4 focus-within:ring-primary/70;
+    @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 {
diff --git a/src/lib/holocene/input/range-input.svelte b/src/lib/holocene/input/range-input.svelte
index 59c72f517..c48e4745d 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-4 focus-within:ring-primary/70;
+    @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;
 
     appearance: textfield;
   }
@@ -140,7 +140,7 @@
   }
 
   .numeric-input:focus {
-    @apply outline outline-2 outline-blue-700;
+    @apply outline ring-2 ring-primary/70;
   }
 
   .floating-value {
@@ -160,10 +160,10 @@
   }
 
   input[type='range']:focus::-webkit-slider-thumb {
-    @apply border border-primary outline outline-2 outline-blue-700;
+    @apply border border-primary ring-2 ring-primary/70;
   }
 
   input[type='range']:focus::-moz-range-thumb {
-    @apply border border-primary outline outline-2 outline-blue-700;
+    @apply border border-primary ring-2 ring-primary/70;
   }
 </style>
diff --git a/src/lib/holocene/link.svelte b/src/lib/holocene/link.svelte
index ba9bae605..adc2c3ad7 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-4 focus-visible:ring-primary/70;
+    @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;
 
     &.active {
       @apply text-brand;
diff --git a/src/lib/holocene/menu/menu-item.svelte b/src/lib/holocene/menu/menu-item.svelte
index 76ba4c2e8..666050f23 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-4 focus-visible:ring-primary/70 dark:focus-visible:border-interactive;
+    @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;
 
     &.hoverable {
       @apply hover:surface-interactive-secondary focus-visible:surface-interactive-secondary;
diff --git a/src/lib/holocene/navigation/navigation-container.svelte b/src/lib/holocene/navigation/navigation-container.svelte
index 9d127b7a2..00ac87a28 100644
--- a/src/lib/holocene/navigation/navigation-container.svelte
+++ b/src/lib/holocene/navigation/navigation-container.svelte
@@ -18,7 +18,7 @@
 <nav
   class={merge(
     'group grid h-screen min-h-[600px] w-16 grid-cols-[2rem] grid-rows-[fit-content(1.5rem)_minmax(3rem,4rem)_1fr_8rem] gap-2 border-r border-subtle px-4 py-5 transition-width data-[nav=open]:w-[180px] data-[nav=open]:grid-cols-[100%]',
-    'focus-visible:[&_[role=button]]:outline-none focus-visible:[&_[role=button]]:ring-4 focus-visible:[&_[role=button]]:ring-primary/70 focus-visible:[&_a]:outline-none focus-visible:[&_a]:ring-4 focus-visible:[&_a]:ring-primary/70',
+    'focus-visible:[&_[role=button]]:outline-none focus-visible:[&_[role=button]]:ring-2 focus-visible:[&_[role=button]]:ring-primary/70 focus-visible:[&_a]:outline-none focus-visible:[&_a]:ring-2 focus-visible:[&_a]:ring-primary/70',
     isCloud
       ? 'bg-gradient-to-b from-indigo-600 to-indigo-950 text-off-white focus-visible:[&_[role=button]]:ring-success focus-visible:[&_a]:ring-success'
       : 'surface-black',
@@ -32,7 +32,7 @@
   </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-4 group-hover:opacity-100 group-focus:opacity-100 group-data-[nav=open]:rotate-180 {isCloud
+    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
       ? 'focus-visible:ring-primary/70 focus-visible:dark:ring-success'
       : 'focus-visible:ring-primary/70'}"
     on:click={toggle}
diff --git a/src/lib/holocene/pill-container/pill.svelte b/src/lib/holocene/pill-container/pill.svelte
index 8b16a01bf..902980eb1 100644
--- a/src/lib/holocene/pill-container/pill.svelte
+++ b/src/lib/holocene/pill-container/pill.svelte
@@ -51,7 +51,7 @@
   on:click|stopPropagation={handleClick}
   class={merge(
     'surface-subtle flex items-center justify-center gap-2 rounded-full px-3 py-1 text-sm',
-    'focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-primary/70',
+    'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/70',
     isActive && 'bg-interactive text-white',
     className,
   )}
diff --git a/src/lib/holocene/radio-input/radio-input.svelte b/src/lib/holocene/radio-input/radio-input.svelte
index b880d6d86..9c520ba01 100644
--- a/src/lib/holocene/radio-input/radio-input.svelte
+++ b/src/lib/holocene/radio-input/radio-input.svelte
@@ -72,7 +72,7 @@
     &:enabled {
       &:focus-visible,
       &:hover {
-        @apply bg-interactive-active ring-4 ring-primary/70;
+        @apply bg-interactive-active ring-2 ring-primary/70;
 
         &:checked {
           &:not(:active) {
diff --git a/src/lib/holocene/tab/tab.svelte b/src/lib/holocene/tab/tab.svelte
index 1353671ef..7156edb2c 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-4 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:rounded-sm focus-visible:ring-2 focus-visible:ring-primary/70;
 
     &:not(.disabled) {
       @apply hover:text-brand;
diff --git a/src/lib/holocene/textarea.svelte b/src/lib/holocene/textarea.svelte
index 6f77a663c..173a13368 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-4 focus-within:ring-primary/70',
+      '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',
       !isValid && 'error',
       !disabled && 'hover:border-information',
     )}
@@ -97,7 +97,7 @@
 
 <style lang="postcss">
   .error {
-    @apply border-danger focus-within:border-danger focus-within:ring-4 focus-within:ring-danger/70;
+    @apply border-danger focus-within:border-danger focus-within:ring-2 focus-within:ring-danger/70;
   }
 
   .error-msg {
diff --git a/src/lib/holocene/toggle-button/toggle-button.svelte b/src/lib/holocene/toggle-button/toggle-button.svelte
index 5c8696f13..d81f70688 100644
--- a/src/lib/holocene/toggle-button/toggle-button.svelte
+++ b/src/lib/holocene/toggle-button/toggle-button.svelte
@@ -78,7 +78,7 @@
     @apply surface-primary flex items-center justify-center border border-subtle px-4 py-2 text-sm leading-4 text-primary focus-visible:outline-none;
 
     &:not(.disabled) {
-      @apply hover:surface-interactive-secondary focus-visible:surface-interactive-secondary focus-visible:ring-4 focus-visible:ring-primary/70;
+      @apply hover:surface-interactive-secondary focus-visible:surface-interactive-secondary focus-visible:ring-2 focus-visible:ring-primary/70;
     }
   }
 
diff --git a/src/lib/holocene/toggle-switch.svelte b/src/lib/holocene/toggle-switch.svelte
index b58d2cbd8..9c964c509 100644
--- a/src/lib/holocene/toggle-switch.svelte
+++ b/src/lib/holocene/toggle-switch.svelte
@@ -39,7 +39,7 @@
   <span
     class="surface-background not-sr-only flex h-5 w-9 items-center rounded-xl border border-secondary p-px peer-checked:justify-end peer-checked:border-interactive peer-checked:bg-interactive peer-checked:text-off-white {disabled
       ? ''
-      : 'group-hover:border-information group-hover:bg-interactive-secondary-hover group-hover:peer-checked:bg-interactive-hover'} peer-focus-visible:border-inverse peer-focus-visible:bg-interactive-secondary-hover peer-focus-visible:ring-4 peer-focus-visible:ring-primary/70 peer-focus-visible:peer-checked:bg-interactive-hover"
+      : 'group-hover:border-information group-hover:bg-interactive-secondary-hover group-hover:peer-checked:bg-interactive-hover'} peer-focus-visible:border-inverse peer-focus-visible:bg-interactive-secondary-hover peer-focus-visible:ring-2 peer-focus-visible:ring-primary/70 peer-focus-visible:peer-checked:bg-interactive-hover"
   >
     <span class="h-4 w-4 rounded-[50%] bg-current" />
   </span>

From 1b9efbb91f622f59198b7dc3f63039c83aefe826 Mon Sep 17 00:00:00 2001
From: Laura Whitaker <laura.whitaker@temporal.io>
Date: Mon, 2 Dec 2024 14:31:48 -0700
Subject: [PATCH 3/9] Remove rounded border in layout and components

---
 src/lib/components/bottom-nav-namespaces.svelte        |  2 +-
 src/lib/components/bottom-nav.svelte                   |  4 ++--
 src/lib/components/event/event-details-full.svelte     |  4 ++--
 src/lib/components/event/event-details-row.svelte      |  2 +-
 src/lib/components/event/event-summary-row.svelte      | 10 +---------
 .../event/pending-activity-summary-row.svelte          |  2 +-
 .../components/event/pending-nexus-summary-row.svelte  |  2 +-
 .../components/import/event-history-file-import.svelte |  2 +-
 .../components/lines-and-dots/workflow-error.svelte    |  2 +-
 src/lib/components/panel.svelte                        |  2 +-
 .../schedule/schedule-basic-frequency.svelte           |  2 +-
 .../batch-operation-confirmation-form.svelte           |  2 +-
 src/lib/layouts/workflow-header.svelte                 |  7 ++-----
 src/lib/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/routes/(app)/select-namespace/+page.svelte         |  6 ++----
 18 files changed, 22 insertions(+), 35 deletions(-)

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 3bde64226..c5c8a5b74 100644
--- a/src/lib/components/bottom-nav.svelte
+++ b/src/lib/components/bottom-nav.svelte
@@ -141,10 +141,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 e47fd7a2d..c924c90f7 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')}
@@ -265,12 +265,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..1543f740b 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')}
diff --git a/src/lib/components/event/pending-nexus-summary-row.svelte b/src/lib/components/event/pending-nexus-summary-row.svelte
index dd277ec06..cde4454c6 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')}
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/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/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/layouts/workflow-header.svelte b/src/lib/layouts/workflow-header.svelte
index 7d7c668e4..95d6bd331 100644
--- a/src/lib/layouts/workflow-header.svelte
+++ b/src/lib/layouts/workflow-header.svelte
@@ -98,7 +98,7 @@
     {/if}
   </div>
 </div>
-<header class="rounded-top flex flex-col gap-1">
+<header class="flex flex-col gap-1">
   <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 />
@@ -124,10 +124,7 @@
   </div>
   {#if hasUserMetadata}
     <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-indigo-600/80"
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 2d3909260..ba12312bd 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 e62760e0f..a98ff39ab 100644
--- a/src/lib/pages/nexus-endpoints.svelte
+++ b/src/lib/pages/nexus-endpoints.svelte
@@ -71,7 +71,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/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>

From fda50b498362faeae187ea8a2e91c242329e8516 Mon Sep 17 00:00:00 2001
From: Laura Whitaker <laura.whitaker@temporal.io>
Date: Mon, 2 Dec 2024 14:35:49 -0700
Subject: [PATCH 4/9] Remove rounded border for input components

---
 .../duration-filter.svelte                    |  3 +-
 .../search-attribute-filter/index.svelte      |  5 ----
 .../list-filter.svelte                        |  4 +--
 .../number-filter.svelte                      |  3 +-
 .../text-filter.svelte                        |  3 +-
 .../workflow/workflow-advanced-search.svelte  |  3 +-
 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 +-
 src/lib/holocene/textarea.svelte              |  4 +--
 13 files changed, 18 insertions(+), 100 deletions(-)

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..e718cf303 100644
--- a/src/lib/components/search-attribute-filter/index.svelte
+++ b/src/lib/components/search-attribute-filter/index.svelte
@@ -232,9 +232,4 @@
   :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 794f4a196..404239eba 100644
--- a/src/lib/components/search-attribute-filter/list-filter.svelte
+++ b/src/lib/components/search-attribute-filter/list-filter.svelte
@@ -32,12 +32,10 @@
     labelHidden
     id="list-filter"
     bind:chips={list}
-    class="w-full"
+    class="w-full [&_*]:border-l-0 [&_*]:border-r-0"
     removeChipButtonLabel={(chip) =>
       translate('workflows.remove-keyword-label', { keyword: chip })}
     placeholder="{translate('common.type-or-paste-in')} {$filter.attribute}"
-    unroundLeft
-    unroundRight
     external
   />
   <div class="flex h-fit items-center">
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/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/workflow/workflow-advanced-search.svelte b/src/lib/components/workflow/workflow-advanced-search.svelte
index 7ddea9ab5..fc2af2235 100644
--- a/src/lib/components/workflow/workflow-advanced-search.svelte
+++ b/src/lib/components/workflow/workflow-advanced-search.svelte
@@ -74,10 +74,9 @@
         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}
       />
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 4ca7b965b..5174b0ac9 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,17 +86,15 @@
 
 <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(
-        '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}
@@ -208,15 +202,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 {
@@ -228,7 +214,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 {
@@ -236,7 +222,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/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}

From 1b206c51479f3c74168effee386feda712a33351 Mon Sep 17 00:00:00 2001
From: Laura Whitaker <laura.whitaker@temporal.io>
Date: Mon, 2 Dec 2024 14:38:03 -0700
Subject: [PATCH 5/9] Remove rounded border for button component

---
 .../search-attribute-filter/list-filter.svelte    |  6 +-----
 .../workflow/workflow-advanced-search.svelte      |  1 -
 src/lib/holocene/button.stories.svelte            |  8 --------
 src/lib/holocene/button.svelte                    | 15 ---------------
 4 files changed, 1 insertion(+), 29 deletions(-)

diff --git a/src/lib/components/search-attribute-filter/list-filter.svelte b/src/lib/components/search-attribute-filter/list-filter.svelte
index 404239eba..33afc669e 100644
--- a/src/lib/components/search-attribute-filter/list-filter.svelte
+++ b/src/lib/components/search-attribute-filter/list-filter.svelte
@@ -39,11 +39,7 @@
     external
   />
   <div class="flex h-fit items-center">
-    <Button
-      borderRadiusModifier="square-left"
-      disabled={!list.length}
-      type="submit"
-    >
+    <Button disabled={!list.length} type="submit">
       {translate('common.search')}
     </Button>
     <slot />
diff --git a/src/lib/components/workflow/workflow-advanced-search.svelte b/src/lib/components/workflow/workflow-advanced-search.svelte
index fc2af2235..ca2f976ba 100644
--- a/src/lib/components/workflow/workflow-advanced-search.svelte
+++ b/src/lib/components/workflow/workflow-advanced-search.svelte
@@ -83,7 +83,6 @@
       <Button
         data-testid="manual-search-button"
         variant="primary"
-        borderRadiusModifier="square-left"
         type="submit"
       >
         {translate('common.search')}
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 231c0a8bf..d81c28e6c 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;
@@ -129,7 +116,6 @@
     class={buttonStyles({
       variant,
       size,
-      borderRadiusModifier,
     })}
     on:click|stopPropagation={onLinkClick}
     tabindex={href ? null : 0}
@@ -164,7 +150,6 @@
       buttonStyles({
         variant,
         size,
-        borderRadiusModifier,
       }),
       className,
     )}

From b6cbbc30cfe6e35d5fc6bad063bf42a947a3fe90 Mon Sep 17 00:00:00 2001
From: Laura Whitaker <laura.whitaker@temporal.io>
Date: Mon, 2 Dec 2024 14:39:32 -0700
Subject: [PATCH 6/9] Remove rounded border for other Holocene components

---
 .../table-header-row.svelte                   |  2 +-
 .../holocene/accordion/accordion-group.svelte |  4 +--
 .../holocene/accordion/accordion-light.svelte |  2 +-
 src/lib/holocene/accordion/accordion.svelte   | 11 +++---
 src/lib/holocene/card.svelte                  |  2 +-
 src/lib/holocene/checkbox.svelte              |  1 -
 src/lib/holocene/combobox/combobox.svelte     |  2 +-
 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 +-
 .../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 +-
 .../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 ++--
 src/lib/holocene/table/table.svelte           | 34 ++-----------------
 .../toggle-button/toggle-button.svelte        |  9 -----
 src/lib/holocene/user-menu.svelte             |  4 +--
 src/lib/vendor/codemirror/theme.ts            |  1 -
 28 files changed, 37 insertions(+), 89 deletions(-)

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..78dbe6ac9 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
@@ -61,7 +61,7 @@
 
 <style lang="postcss">
   .batch-actions-checkbox-table-cell {
-    @apply w-10 rounded-tl-lg;
+    @apply w-10;
   }
 
   .batch-actions-table-cell {
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 0a2b540b4..b463a47a4 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/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/combobox/combobox.svelte b/src/lib/holocene/combobox/combobox.svelte
index 9053cbc3d..32140a0e9 100644
--- a/src/lib/holocene/combobox/combobox.svelte
+++ b/src/lib/holocene/combobox/combobox.svelte
@@ -503,7 +503,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/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/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 ba1908d67..507610241 100644
--- a/src/lib/holocene/menu/menu.svelte
+++ b/src/lib/holocene/menu/menu.svelte
@@ -63,7 +63,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/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.svelte b/src/lib/holocene/table/table.svelte
index 1e614123b..b7db31e3c 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 w-[1px] border-l border-table;
         }
 
         &:last-child {
-          @apply w-[1px] rounded-tr-lg border-r border-table;
+          @apply w-[1px] border-r border-table;
         }
       }
     }
@@ -83,34 +83,6 @@
           @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/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/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/vendor/codemirror/theme.ts b/src/lib/vendor/codemirror/theme.ts
index f48de47eb..5c61d80bb 100644
--- a/src/lib/vendor/codemirror/theme.ts
+++ b/src/lib/vendor/codemirror/theme.ts
@@ -11,7 +11,6 @@ export const TEMPORAL_THEME = (isDark) =>
       '&': {
         color: css('--color-text-primary'),
         backgroundColor: css('--color-surface-primary'),
-        borderRadius: '0.25rem',
         borderWidth: '1px',
         borderColor: css('--color-border-subtle'),
         padding: '0.5rem',

From e47b3d69aa96f0b4283e5a78f7a7b258032848d3 Mon Sep 17 00:00:00 2001
From: Laura Whitaker <laura.whitaker@temporal.io>
Date: Mon, 9 Dec 2024 11:56:18 -0700
Subject: [PATCH 7/9] Remove more rounded borders

---
 .../search-attribute-filter/conditional-menu.svelte    |  4 +---
 .../components/search-attribute-filter/index.svelte    |  4 ----
 .../search-attribute-menu.svelte                       |  2 +-
 src/lib/components/worker-compatibility.svelte         |  2 +-
 src/lib/components/worker-table.svelte                 |  2 +-
 .../workflow/dropdown-filter/conditional.svelte        | 10 ++--------
 src/lib/components/workflow/input-and-results.svelte   |  2 +-
 src/lib/components/workflow/workflow-counts.svelte     |  2 +-
 src/lib/holocene/alert.svelte                          |  2 +-
 src/lib/holocene/chip.svelte                           |  2 +-
 src/lib/holocene/compatibility-badge.svelte            |  4 ++--
 src/lib/holocene/monaco/markdown.svelte                |  2 +-
 src/lib/holocene/navigation/navigation-badge.svelte    |  2 +-
 src/lib/holocene/tooltip.svelte                        |  2 +-
 14 files changed, 15 insertions(+), 27 deletions(-)

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/index.svelte b/src/lib/components/search-attribute-filter/index.svelte
index e718cf303..f2f4fae07 100644
--- a/src/lib/components/search-attribute-filter/index.svelte
+++ b/src/lib/components/search-attribute-filter/index.svelte
@@ -228,8 +228,4 @@
   .filter {
     @apply grow;
   }
-
-  :global(.attribute-selected) {
-    @apply rounded-r-none;
-  }
 </style>
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/worker-compatibility.svelte b/src/lib/components/worker-compatibility.svelte
index 86271e0df..5c948320b 100644
--- a/src/lib/components/worker-compatibility.svelte
+++ b/src/lib/components/worker-compatibility.svelte
@@ -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"
diff --git a/src/lib/components/worker-table.svelte b/src/lib/components/worker-table.svelte
index c4f7cdf34..48ee750d6 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"
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-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/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/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/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/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/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}

From abafa34772e8e30248c77972b05073f36f241cc9 Mon Sep 17 00:00:00 2001
From: Laura Whitaker <laura.whitaker@temporal.io>
Date: Fri, 13 Dec 2024 12:52:26 -0700
Subject: [PATCH 8/9] Remove unnecessary table data cells

---
 src/lib/components/batch-operations/table.svelte     |  3 ---
 src/lib/components/event/event-summary-row.svelte    |  2 +-
 .../event/pending-activity-summary-row.svelte        |  2 +-
 .../event/pending-nexus-summary-row.svelte           |  2 +-
 src/lib/components/worker-compatibility.svelte       |  4 ++--
 src/lib/components/worker-rules.svelte               |  4 ++--
 src/lib/components/worker-table.svelte               |  2 +-
 .../table-header-row.svelte                          |  5 -----
 .../table-row.svelte                                 |  3 ---
 src/lib/holocene/table/table-header-row.svelte       |  2 --
 src/lib/holocene/table/table-row.svelte              |  2 --
 src/lib/holocene/table/table.svelte                  | 12 ++----------
 12 files changed, 10 insertions(+), 33 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/event/event-summary-row.svelte b/src/lib/components/event/event-summary-row.svelte
index c924c90f7..ee4415d3d 100644
--- a/src/lib/components/event/event-summary-row.svelte
+++ b/src/lib/components/event/event-summary-row.svelte
@@ -223,7 +223,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>
diff --git a/src/lib/components/event/pending-activity-summary-row.svelte b/src/lib/components/event/pending-activity-summary-row.svelte
index 1543f740b..cbeb3a2f3 100644
--- a/src/lib/components/event/pending-activity-summary-row.svelte
+++ b/src/lib/components/event/pending-activity-summary-row.svelte
@@ -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 cde4454c6..c6cbab1ed 100644
--- a/src/lib/components/event/pending-nexus-summary-row.svelte
+++ b/src/lib/components/event/pending-nexus-summary-row.svelte
@@ -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/worker-compatibility.svelte b/src/lib/components/worker-compatibility.svelte
index 5c948320b..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>
@@ -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 48ee750d6..17c3bea5d 100644
--- a/src/lib/components/worker-table.svelte
+++ b/src/lib/components/worker-table.svelte
@@ -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/workflows-summary-configurable-table/table-header-row.svelte b/src/lib/components/workflow/workflows-summary-configurable-table/table-header-row.svelte
index 78dbe6ac9..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,7 +56,6 @@
   {:else}
     <slot />
   {/if}
-  <th class="configuration-button-table-cell" />
 </tr>
 
 <style lang="postcss">
@@ -67,8 +66,4 @@
   .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/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 b7db31e3c..bdcd13c26 100644
--- a/src/lib/holocene/table/table.svelte
+++ b/src/lib/holocene/table/table.svelte
@@ -58,11 +58,11 @@
         @apply border-t border-table px-1 py-2;
 
         &:first-child {
-          @apply w-[1px] border-l border-table;
+          @apply border-l border-table;
         }
 
         &:last-child {
-          @apply w-[1px] border-r border-table;
+          @apply border-r border-table;
         }
       }
     }
@@ -71,17 +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;
-        }
       }
     }
   }

From 8176881d8c5f24bb4e8991d3ecb39623f41d7772 Mon Sep 17 00:00:00 2001
From: Laura Whitaker <laura.whitaker@temporal.io>
Date: Fri, 13 Dec 2024 12:52:53 -0700
Subject: [PATCH 9/9] Remove rounding on signin and login pages

---
 src/lib/components/feedback-button.svelte | 10 ++--------
 src/lib/components/login-button.svelte    |  2 +-
 src/lib/layouts/workflow-header.svelte    |  5 +----
 src/routes/(login)/login/+page.svelte     |  4 +---
 src/routes/(login)/signin/+page.svelte    |  4 +---
 5 files changed, 6 insertions(+), 19 deletions(-)

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/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/layouts/workflow-header.svelte b/src/lib/layouts/workflow-header.svelte
index c9226345a..d98e09a22 100644
--- a/src/lib/layouts/workflow-header.svelte
+++ b/src/lib/layouts/workflow-header.svelte
@@ -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/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>