diff --git a/packages/react-databrowser/src/components/databrowser/components/add-key-modal.tsx b/packages/react-databrowser/src/components/databrowser/components/add-key-modal.tsx
index 9c43a61..b29a27b 100644
--- a/packages/react-databrowser/src/components/databrowser/components/add-key-modal.tsx
+++ b/packages/react-databrowser/src/components/databrowser/components/add-key-modal.tsx
@@ -116,11 +116,10 @@ export function AddKeyModal() {
           <div className="mt-6 flex justify-end gap-2">
             <Button
               type="button"
+              variant="outline"
               onClick={() => {
                 setOpen(false)
               }}
-              variant={"outline"}
-              className="font-normal"
             >
               Cancel
             </Button>
diff --git a/packages/react-databrowser/src/components/databrowser/components/display/display-simple.tsx b/packages/react-databrowser/src/components/databrowser/components/display/display-simple.tsx
index f837995..72546a1 100644
--- a/packages/react-databrowser/src/components/databrowser/components/display/display-simple.tsx
+++ b/packages/react-databrowser/src/components/databrowser/components/display/display-simple.tsx
@@ -70,10 +70,10 @@ const EditorDisplayForm = ({
         <div className="flex gap-2">
           {form.formState.isDirty && <Button onClick={handleCancel}>Cancel</Button>}
           <Button
+            variant="primary"
             onClick={form.handleSubmit(async ({ value }) => {
               await setKey(value)
             })}
-            variant="primary"
             disabled={!form.formState.isValid || !form.formState.isDirty}
           >
             <Spinner isLoading={isSettingKey} isLoadingText={"Saving"}>
diff --git a/packages/react-databrowser/src/components/databrowser/components/display/ttl-popover.tsx b/packages/react-databrowser/src/components/databrowser/components/display/ttl-popover.tsx
index 71c147a..47d23e6 100644
--- a/packages/react-databrowser/src/components/databrowser/components/display/ttl-popover.tsx
+++ b/packages/react-databrowser/src/components/databrowser/components/display/ttl-popover.tsx
@@ -126,11 +126,10 @@ export function TTLPopover({
 
           <div className="flex justify-between">
             <Button
+              type="button"
+              variant="outline"
               disabled={ttl === PERSISTED_KEY}
-              size={"sm"}
-              variant={"outline"}
               onClick={handlePersist}
-              type="button"
             >
               Persist
             </Button>
diff --git a/packages/react-databrowser/src/components/databrowser/components/sidebar/reload-button.tsx b/packages/react-databrowser/src/components/databrowser/components/sidebar/reload-button.tsx
index 77f4be2..5cb513c 100644
--- a/packages/react-databrowser/src/components/databrowser/components/sidebar/reload-button.tsx
+++ b/packages/react-databrowser/src/components/databrowser/components/sidebar/reload-button.tsx
@@ -25,8 +25,7 @@ export const ReloadButton = ({
     <div>
       <Button
         variant="outline"
-        size="icon"
-        className="h-8 w-8 rounded-md border border-[#D9D9D9]"
+        size="icon-sm"
         onClick={handleClick}
         disabled={isLoading || isLoadingProp}
       >