diff --git a/src/Components/PageHandler.svelte b/src/Components/PageHandler.svelte
index 0951c56..e4e83c2 100644
--- a/src/Components/PageHandler.svelte
+++ b/src/Components/PageHandler.svelte
@@ -133,4 +133,8 @@
         background: none;
         border: none;
     }
+
+    button:focus-visible {
+        outline: dashed orange 2px;
+    }
 </style>
\ No newline at end of file
diff --git a/src/Macros/Action/Action.svelte b/src/Macros/Action/Action.svelte
index e0d76e5..2d46799 100644
--- a/src/Macros/Action/Action.svelte
+++ b/src/Macros/Action/Action.svelte
@@ -190,7 +190,15 @@
         opacity: 1;
     }
 
+    .buttons:focus-within {
+        opacity: 1;
+    }
+
     .action:hover {
         background: var(--background-gray);
     }
+
+    button:focus-visible {
+        outline: dashed orange 2px;
+    }
 </style>
\ No newline at end of file
diff --git a/src/Macros/Action/Actions.svelte b/src/Macros/Action/Actions.svelte
index 9ea87cb..283685e 100644
--- a/src/Macros/Action/Actions.svelte
+++ b/src/Macros/Action/Actions.svelte
@@ -198,4 +198,8 @@
     .header > button > img {
         width: 100%;
     }
+
+    button:focus-visible {
+        outline: dashed orange 2px;
+    }
 </style>
\ No newline at end of file
diff --git a/src/Macros/Components/Macro.svelte b/src/Macros/Components/Macro.svelte
index 1b3a370..b7f30a0 100644
--- a/src/Macros/Components/Macro.svelte
+++ b/src/Macros/Components/Macro.svelte
@@ -64,4 +64,8 @@
         background: none;
         border: none;
     }
+
+    button:focus-visible {
+        border: dashed orange 2px;
+    }
 </style>
\ No newline at end of file
diff --git a/src/Macros/MacroConfigPage.svelte b/src/Macros/MacroConfigPage.svelte
index 2174757..eccd5d6 100644
--- a/src/Macros/MacroConfigPage.svelte
+++ b/src/Macros/MacroConfigPage.svelte
@@ -327,4 +327,8 @@
     button {
         border: none;
     }
+
+    button:focus-visible {
+        border: dashed orange 2px;
+    }
 </style>
\ No newline at end of file
diff --git a/src/Macros/MacroViewingPage.svelte b/src/Macros/MacroViewingPage.svelte
index 739f00f..096fa15 100644
--- a/src/Macros/MacroViewingPage.svelte
+++ b/src/Macros/MacroViewingPage.svelte
@@ -73,6 +73,10 @@
         border: none;
     }
 
+    button:focus-visible {
+        outline: orange dashed 2px;
+    }
+
     @media (prefers-color-scheme: light) {
         .macro-button {
             background-color: var(--primary-blue);