From 239cdd6133690699348e61f68e485d2b54fdcbdb Mon Sep 17 00:00:00 2001
From: Eli Bosley <ekbosley@gmail.com>
Date: Thu, 4 Sep 2025 15:18:07 -0400
Subject: [PATCH] fix: info alert docker icon (#1661)

---
 @tailwind-shared/sonner.css           | 7 +++++++
 web/components/HeaderOsVersion.ce.vue | 4 ++--
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/@tailwind-shared/sonner.css b/@tailwind-shared/sonner.css
index f27bd8ff4..a965e636d 100644
--- a/@tailwind-shared/sonner.css
+++ b/@tailwind-shared/sonner.css
@@ -698,4 +698,11 @@
 .sonner-loader[data-visible='false'] {
   opacity: 0;
   transform: scale(0.8) translate(-50%, -50%);
+}
+
+/* Override Unraid webgui docker icon styles on sonner containers */
+[data-sonner-toast] [data-icon]:before,
+[data-sonner-toast] .fa-docker:before {
+  font-family: inherit !important;
+  content: '' !important;
 }
\ No newline at end of file
diff --git a/web/components/HeaderOsVersion.ce.vue b/web/components/HeaderOsVersion.ce.vue
index 9120619ef..a8eac070d 100644
--- a/web/components/HeaderOsVersion.ce.vue
+++ b/web/components/HeaderOsVersion.ce.vue
@@ -141,7 +141,7 @@ const updateOsStatus = computed(() => {
 </script>
 
 <template>
-  <div class="flex flex-col gap-y-2 mt-2 ml-2">
+  <div class="flex flex-col gap-y-2 mt-4 ml-4">
     <a
       :href="unraidLogoHeaderLink.href"
       :title="unraidLogoHeaderLink.title"
@@ -165,7 +165,7 @@ const updateOsStatus = computed(() => {
             :title="t('Version Information')"
           >
             <InformationCircleIcon 
-              class="fill-current w-3 h-3 xs:w-4 xs:h-4 shrink-0" 
+              :style="{ width: '12px', height: '12px', flexShrink: 0 }"
             />
             {{ displayOsVersion }}
           </Button>