diff --git a/src/components/modals/delete_file_modal.ts b/src/components/modals/delete_file_modal.ts
index 4abfb32..984a28b 100644
--- a/src/components/modals/delete_file_modal.ts
+++ b/src/components/modals/delete_file_modal.ts
@@ -33,7 +33,9 @@ export class DeleteFileModal extends Modal {
 				`irreversible.`,
 		})
 
-		const buttonContainer = this.contentEl.createDiv('button-container')
+		const buttonContainer = this.contentEl.createDiv(
+			'file-diff__button-container'
+		)
 
 		const deleteButton = buttonContainer.createEl('button', {
 			text: 'Delete',
diff --git a/src/components/modals/risky_action_modal.ts b/src/components/modals/risky_action_modal.ts
index 6684185..6f594ff 100644
--- a/src/components/modals/risky_action_modal.ts
+++ b/src/components/modals/risky_action_modal.ts
@@ -20,7 +20,9 @@ export class RiskyActionModal extends Modal {
 				`accepting of the associated risks.`,
 		})
 
-		const buttonContainer = this.contentEl.createDiv('button-container')
+		const buttonContainer = this.contentEl.createDiv(
+			'file-diff__button-container'
+		)
 
 		const deleteButton = buttonContainer.createEl('button', {
 			text: 'Accept Risk',
diff --git a/styles.css b/styles.css
index ae45147..b059381 100644
--- a/styles.css
+++ b/styles.css
@@ -9,14 +9,10 @@
 	padding: 0.1rem 0;
 }
 
-.button-container {
+.file-diff__button-container {
 	text-align: right;
 }
 
-button:focus-visible {
-	box-shadow: var(--input-shadow);
-}
-
 @media (prefers-color-scheme: light) {
 	.file-diff__top-line__bg {
 		background-color: #d9f4ef;
@@ -69,7 +65,7 @@ button:focus-visible {
 /* Rename from py-0.5 to py-0-5, as dots aren't allowed in selector names */
 .py-0-5 {
 	padding-top: 0.125rem; /* 2px */
-    padding-bottom: 0.125rem; /* 2px */
+	padding-bottom: 0.125rem; /* 2px */
 }
 
 .mr-2 {