diff --git a/lib/microwaveprop_web/live/submit_live.ex b/lib/microwaveprop_web/live/submit_live.ex
index 7b9239b0..2a8a1eb3 100644
--- a/lib/microwaveprop_web/live/submit_live.ex
+++ b/lib/microwaveprop_web/live/submit_live.ex
@@ -147,18 +147,22 @@ defmodule MicrowavepropWeb.SubmitLive do
         </p>
       </div>
 
-      <div role="tablist" class="tabs tabs-bordered mb-6">
+      <div class="flex gap-1 bg-base-200 rounded-lg p-1 mb-6 w-fit">
         <button
-          role="tab"
-          class={["tab", @active_tab == :single && "tab-active"]}
+          class={[
+            "px-4 py-2 text-sm font-medium rounded-md transition-colors",
+            if(@active_tab == :single, do: "bg-primary text-primary-content", else: "hover:bg-base-300")
+          ]}
           phx-click="switch_tab"
           phx-value-tab="single"
         >
           Single Contact
         </button>
         <button
-          role="tab"
-          class={["tab", @active_tab == :csv && "tab-active"]}
+          class={[
+            "px-4 py-2 text-sm font-medium rounded-md transition-colors",
+            if(@active_tab == :csv, do: "bg-primary text-primary-content", else: "hover:bg-base-300")
+          ]}
           phx-click="switch_tab"
           phx-value-tab="csv"
         >