diff --git a/app/pages/PageEnigma/comps/ControlsTopButtons/ControlsTopButtons.tsx b/app/pages/PageEnigma/comps/ControlsTopButtons/ControlsTopButtons.tsx
index 5d343e6998..55e0aa1770 100644
--- a/app/pages/PageEnigma/comps/ControlsTopButtons/ControlsTopButtons.tsx
+++ b/app/pages/PageEnigma/comps/ControlsTopButtons/ControlsTopButtons.tsx
@@ -153,7 +153,7 @@ export const ControlsTopButtons = () => {
         <Button onClick={handleButtonRender}>Render</Button> */}
         <Button
           onClick={handleButtonTest}
-          className="bg-brand-tertiary hover:bg-brand-tertiary-400"
+          className="bg-brand-tertiary hover:bg-brand-teriary-400 focus-visible:outline-brand-tertiary"
           style={{zIndex:9001}}
         >
           Test
diff --git a/app/routes/ComponentLibrary.tsx b/app/routes/ComponentLibrary.tsx
index 6024c6ec4a..fd340f82a6 100644
--- a/app/routes/ComponentLibrary.tsx
+++ b/app/routes/ComponentLibrary.tsx
@@ -42,6 +42,9 @@ export default function ComponentLibrary () {
         <div className="flex gap-2">
           <Button>Primary</Button>
           <Button variant="secondary">Secondary</Button>
+          <Button className="bg-brand-tertiary hover:bg-brand-teriary-400 focus-visible:outline-brand-tertiary">
+            Prelim Tertiary
+          </Button>
           <Button disabled>Disabled</Button>
         </div>
       </div>