diff --git a/.changeset/solid-queens-sit.md b/.changeset/solid-queens-sit.md
new file mode 100644
index 0000000000..ca770ba3cf
--- /dev/null
+++ b/.changeset/solid-queens-sit.md
@@ -0,0 +1,6 @@
+---
+"@ultraviolet/form": patch
+"@ultraviolet/ui": patch
+---
+
+Fix `<SelectableCardOptionGroup.Option />` disabled image to have better visual
diff --git a/packages/form/src/components/SelectableCardOptionGroupField/__tests__/__snapshots__/index.test.tsx.snap b/packages/form/src/components/SelectableCardOptionGroupField/__tests__/__snapshots__/index.test.tsx.snap
index 5d1d519b3b..50c1b9e787 100644
--- a/packages/form/src/components/SelectableCardOptionGroupField/__tests__/__snapshots__/index.test.tsx.snap
+++ b/packages/form/src/components/SelectableCardOptionGroupField/__tests__/__snapshots__/index.test.tsx.snap
@@ -466,8 +466,8 @@ exports[`SelectableCardOptionGroupField > should render correctly 1`] = `
 }
 
 .emotion-33[data-disabled='true'] {
-  -webkit-filter: grayscale(100%);
-  filter: grayscale(100%);
+  -webkit-filter: grayscale(1) opacity(25%);
+  filter: grayscale(1) opacity(25%);
 }
 
 .emotion-35 {
diff --git a/packages/ui/src/components/SelectableCardOptionGroup/__tests__/__snapshots__/index.test.tsx.snap b/packages/ui/src/components/SelectableCardOptionGroup/__tests__/__snapshots__/index.test.tsx.snap
index 4b863485ba..c332b2fe73 100644
--- a/packages/ui/src/components/SelectableCardOptionGroup/__tests__/__snapshots__/index.test.tsx.snap
+++ b/packages/ui/src/components/SelectableCardOptionGroup/__tests__/__snapshots__/index.test.tsx.snap
@@ -453,8 +453,8 @@ exports[`SelectableCardOptionGroup > onChange and onChangeOption are being calle
 }
 
 .emotion-30[data-disabled='true'] {
-  -webkit-filter: grayscale(100%);
-  filter: grayscale(100%);
+  -webkit-filter: grayscale(1) opacity(25%);
+  filter: grayscale(1) opacity(25%);
 }
 
 .emotion-32 {
@@ -1649,8 +1649,8 @@ exports[`SelectableCardOptionGroup > renders correctly 1`] = `
 }
 
 .emotion-33[data-disabled='true'] {
-  -webkit-filter: grayscale(100%);
-  filter: grayscale(100%);
+  -webkit-filter: grayscale(1) opacity(25%);
+  filter: grayscale(1) opacity(25%);
 }
 
 .emotion-35 {
@@ -2837,8 +2837,8 @@ exports[`SelectableCardOptionGroup > renders correctly 4 columns 1`] = `
 }
 
 .emotion-30[data-disabled='true'] {
-  -webkit-filter: grayscale(100%);
-  filter: grayscale(100%);
+  -webkit-filter: grayscale(1) opacity(25%);
+  filter: grayscale(1) opacity(25%);
 }
 
 .emotion-32 {
@@ -4020,8 +4020,8 @@ exports[`SelectableCardOptionGroup > renders correctly with all options disabled
 }
 
 .emotion-30[data-disabled='true'] {
-  -webkit-filter: grayscale(100%);
-  filter: grayscale(100%);
+  -webkit-filter: grayscale(1) opacity(25%);
+  filter: grayscale(1) opacity(25%);
 }
 
 .emotion-32 {
@@ -5206,8 +5206,8 @@ exports[`SelectableCardOptionGroup > renders correctly with aria-label 1`] = `
 }
 
 .emotion-30[data-disabled='true'] {
-  -webkit-filter: grayscale(100%);
-  filter: grayscale(100%);
+  -webkit-filter: grayscale(1) opacity(25%);
+  filter: grayscale(1) opacity(25%);
 }
 
 .emotion-32 {
@@ -6345,8 +6345,8 @@ exports[`SelectableCardOptionGroup > renders correctly with error as boolean 1`]
 }
 
 .emotion-30[data-disabled='true'] {
-  -webkit-filter: grayscale(100%);
-  filter: grayscale(100%);
+  -webkit-filter: grayscale(1) opacity(25%);
+  filter: grayscale(1) opacity(25%);
 }
 
 .emotion-32 {
@@ -7572,8 +7572,8 @@ exports[`SelectableCardOptionGroup > renders correctly with error message 1`] =
 }
 
 .emotion-30[data-disabled='true'] {
-  -webkit-filter: grayscale(100%);
-  filter: grayscale(100%);
+  -webkit-filter: grayscale(1) opacity(25%);
+  filter: grayscale(1) opacity(25%);
 }
 
 .emotion-32 {
@@ -8816,8 +8816,8 @@ exports[`SelectableCardOptionGroup > renders correctly with helper 1`] = `
 }
 
 .emotion-30[data-disabled='true'] {
-  -webkit-filter: grayscale(100%);
-  filter: grayscale(100%);
+  -webkit-filter: grayscale(1) opacity(25%);
+  filter: grayscale(1) opacity(25%);
 }
 
 .emotion-32 {
@@ -10016,8 +10016,8 @@ exports[`SelectableCardOptionGroup > renders correctly with id 1`] = `
 }
 
 .emotion-30[data-disabled='true'] {
-  -webkit-filter: grayscale(100%);
-  filter: grayscale(100%);
+  -webkit-filter: grayscale(1) opacity(25%);
+  filter: grayscale(1) opacity(25%);
 }
 
 .emotion-32 {
@@ -12371,8 +12371,8 @@ exports[`SelectableCardOptionGroup > renders correctly with medium size 1`] = `
 }
 
 .emotion-30[data-disabled='true'] {
-  -webkit-filter: grayscale(100%);
-  filter: grayscale(100%);
+  -webkit-filter: grayscale(1) opacity(25%);
+  filter: grayscale(1) opacity(25%);
 }
 
 .emotion-32 {
@@ -13554,8 +13554,8 @@ exports[`SelectableCardOptionGroup > renders correctly with partial disabled 1`]
 }
 
 .emotion-30[data-disabled='true'] {
-  -webkit-filter: grayscale(100%);
-  filter: grayscale(100%);
+  -webkit-filter: grayscale(1) opacity(25%);
+  filter: grayscale(1) opacity(25%);
 }
 
 .emotion-32 {
diff --git a/packages/ui/src/components/SelectableCardOptionGroup/components/Image.tsx b/packages/ui/src/components/SelectableCardOptionGroup/components/Image.tsx
index 73dbcd4eef..0c0ff59306 100644
--- a/packages/ui/src/components/SelectableCardOptionGroup/components/Image.tsx
+++ b/packages/ui/src/components/SelectableCardOptionGroup/components/Image.tsx
@@ -3,7 +3,7 @@ import type { Sizes } from '../types'
 
 const StyledImage = styled.img`
   &[data-disabled='true'] {
-    filter: grayscale(100%);
+    filter: grayscale(1) opacity(25%);
   }
 `