diff --git a/src/scss/button.scss b/src/scss/button.scss
index bdc7f5eb..229796f4 100644
--- a/src/scss/button.scss
+++ b/src/scss/button.scss
@@ -10,9 +10,3 @@ ha-icon-button {
   /* Buttons can always be clicked */
   pointer-events: auto;
 }
-
-ha-icon-button advanced-camera-card-icon {
-  // Inline-level boxes sit on a line of text, where the button label's font
-  // reserves space below the line and pushes the icon off-center.
-  display: block;
-}
diff --git a/src/scss/date-picker.scss b/src/scss/date-picker.scss
index 585a4569..80be3ef1 100644
--- a/src/scss/date-picker.scss
+++ b/src/scss/date-picker.scss
@@ -43,7 +43,6 @@ input {
 }
 
 advanced-camera-card-icon {
-  display: block;
   height: 100%;
   width: 100%;
   position: absolute;
diff --git a/src/scss/icon.scss b/src/scss/icon.scss
index 8ec3e259..7dde24a7 100644
--- a/src/scss/icon.scss
+++ b/src/scss/icon.scss
@@ -1,5 +1,5 @@
 :host {
-  display: inline-block;
+  display: block;
   width: var(--mdc-icon-size, 24px);
   height: var(--mdc-icon-size, 24px);
 
diff --git a/src/scss/thumbnail-feature.scss b/src/scss/thumbnail-feature.scss
index 950fae61..dc59b3d5 100644
--- a/src/scss/thumbnail-feature.scss
+++ b/src/scss/thumbnail-feature.scss
@@ -71,7 +71,6 @@ advanced-camera-card-icon.placeholder {
 }
 
 advanced-camera-card-icon.background {
-  display: block;
   width: 100%;
   height: 100%;
 
diff --git a/tests/components/icon.browser.test.ts b/tests/components/icon.browser.test.ts
new file mode 100644
index 00000000..8e52731f
--- /dev/null
+++ b/tests/components/icon.browser.test.ts
@@ -0,0 +1,25 @@
+import { describe, expect, it } from 'vitest';
+
+import { deepQuery } from '../browser/dom';
+import {
+  createTestFrigateEvent,
+  EVENT_TIME_NEWER,
+  mountCardWithFrigate,
+} from '../browser/fake-frigate';
+import { waitForThumbnails } from '../browser/test-utils';
+
+describe('AdvancedCameraCardIcon', () => {
+  it('should be block level so it does not sit on a line of text', async () => {
+    const events = [createTestFrigateEvent('newer', EVENT_TIME_NEWER)];
+    const { card } = await mountCardWithFrigate(events, { view: { default: 'clips' } });
+    await waitForThumbnails(card, events.length);
+
+    // The drawer control is an icon alone in a block container that declares no
+    // display of its own, so what it computes to is the component's own
+    // default.
+    const icon = deepQuery(card.card, 'advanced-camera-card-icon.control');
+    expect(icon).not.toBeNull();
+
+    expect(icon && getComputedStyle(icon).display).toBe('block');
+  });
+});