diff --git a/frontend/app/view/preview/preview-model.tsx b/frontend/app/view/preview/preview-model.tsx
index 8ede2d9e15..2c53cd11c4 100644
--- a/frontend/app/view/preview/preview-model.tsx
+++ b/frontend/app/view/preview/preview-model.tsx
@@ -252,27 +252,21 @@ export class PreviewModel implements ViewModel {
                     viewTextChildren.push({
                         elemtype: "textbutton",
                         text: "Loading ...",
-                        className: clsx(
-                            `grey warning rounded-[4px] py-[2px] px-[10px] text-[11px] font-[500]`
-                        ),
+                        className: clsx(`grey rounded-[4px] !py-[2px] !px-[10px] text-[11px] font-[500]`),
                         onClick: () => {},
                     });
                 } else if (fileInfo.data.readonly) {
                     viewTextChildren.push({
                         elemtype: "textbutton",
                         text: "Read Only",
-                        className: clsx(
-                            `yellow warning rounded-[4px] py-[2px] px-[10px] text-[11px] font-[500]`
-                        ),
+                        className: clsx(`yellow rounded-[4px] !py-[2px] !px-[10px] text-[11px] font-[500]`),
                         onClick: () => {},
                     });
                 } else {
                     viewTextChildren.push({
                         elemtype: "textbutton",
                         text: "Save",
-                        className: clsx(
-                            `${saveClassName} warning rounded-[4px] py-[2px] px-[10px] text-[11px] font-[500]`
-                        ),
+                        className: clsx(`${saveClassName} rounded-[4px] !py-[2px] !px-[10px] text-[11px] font-[500]`),
                         onClick: () => fireAndForget(this.handleFileSave.bind(this)),
                     });
                 }
@@ -280,8 +274,7 @@ export class PreviewModel implements ViewModel {
                     viewTextChildren.push({
                         elemtype: "textbutton",
                         text: "Preview",
-                        className:
-                            "grey rounded-[4px] py-[2px] px-[10px] text-[11px] font-[500]",
+                        className: "grey rounded-[4px] !py-[2px] !px-[10px] text-[11px] font-[500]",
                         onClick: () => fireAndForget(() => this.setEditMode(false)),
                     });
                 }
@@ -289,8 +282,7 @@ export class PreviewModel implements ViewModel {
                 viewTextChildren.push({
                     elemtype: "textbutton",
                     text: "Edit",
-                    className:
-                        "grey rounded-[4px] py-[2px] px-[10px] text-[11px] font-[500]",
+                    className: "grey rounded-[4px] !py-[2px] !px-[10px] text-[11px] font-[500]",
                     onClick: () => fireAndForget(() => this.setEditMode(true)),
                 });
             }
diff --git a/frontend/app/view/term/term.tsx b/frontend/app/view/term/term.tsx
index 9e71285815..37f146838d 100644
--- a/frontend/app/view/term/term.tsx
+++ b/frontend/app/view/term/term.tsx
@@ -196,7 +196,7 @@ class TermViewModel implements ViewModel {
                 rtn.push({
                     elemtype: "textbutton",
                     text: "Multi Input ON",
-                    className: "yellow",
+                    className: "yellow !py-[2px] !px-[10px] text-[11px] font-[500]",
                     title: "Input will be sent to all connected terminals (click to disable)",
                     onClick: () => {
                         globalStore.set(atoms.isTermMultiInput, false);