diff --git a/flow-typed/npm/@box/blueprint-web-assets_vx.x.x.js b/flow-typed/npm/@box/blueprint-web-assets_vx.x.x.js
index 9ae1fa21df..38e843cb1f 100644
--- a/flow-typed/npm/@box/blueprint-web-assets_vx.x.x.js
+++ b/flow-typed/npm/@box/blueprint-web-assets_vx.x.x.js
@@ -46,6 +46,7 @@ declare module '@box/blueprint-web-assets/icons/Fill' {
   declare export var Ellipsis: React$ComponentType<any>;
   declare export var PointerChevronLeft: React$ComponentType<any>;
   declare export var ArrowsExpand: React$ComponentType<any>;
+  declare export var InfoBadge: React$ComponentType<any>;
 }
 
 declare module '@box/blueprint-web-assets/icons/Logo' {
diff --git a/i18n/en-US.properties b/i18n/en-US.properties
index bad83b1c60..02ff43864e 100644
--- a/i18n/en-US.properties
+++ b/i18n/en-US.properties
@@ -974,8 +974,6 @@ boxui.base.previousMonth = Previous Month
 boxui.breadcrumb.breadcrumbLabel = Breadcrumb
 # Button label for the "more" dropdown menu
 boxui.categorySelector.label.more = More
-# Icon to display more information on the checkbox
-boxui.checkboxTooltip.iconInfoText = Info
 # Button to add classification on an item
 boxui.classification.add = Add
 # Title of the card that shows the reason why the AI classification was applied when no date is available.
diff --git a/src/components/checkbox/Checkbox.scss b/src/components/checkbox/Checkbox.scss
index 1fa3bc63ae..e6ac70170a 100644
--- a/src/components/checkbox/Checkbox.scss
+++ b/src/components/checkbox/Checkbox.scss
@@ -78,16 +78,7 @@
     line-height: 0.1; // This keeps the tooltip wrapper height consistent with the child element
 
     > .info-tooltip {
-        position: relative;
-        display: inline-block;
-        flex: none;
-        width: 16px;
-        height: 16px;
         margin-left: 5px;
-
-        > svg path {
-            fill: $primary-color;
-        }
     }
 }
 
diff --git a/src/components/checkbox/CheckboxTooltip.tsx b/src/components/checkbox/CheckboxTooltip.tsx
index 78b7de6969..4fffaf600f 100644
--- a/src/components/checkbox/CheckboxTooltip.tsx
+++ b/src/components/checkbox/CheckboxTooltip.tsx
@@ -1,17 +1,9 @@
 import * as React from 'react';
-import { defineMessages, FormattedMessage } from 'react-intl';
 
 import { Focusable, Tooltip, TooltipProvider } from '@box/blueprint-web';
+import { InfoBadge } from '@box/blueprint-web-assets/icons/Fill';
 
-import IconInfo from '../../icons/general/IconInfo';
-
-const messages = defineMessages({
-    checkboxTooltipIconInfoText: {
-        defaultMessage: 'Info',
-        description: 'Icon to display more information on the checkbox',
-        id: 'boxui.checkboxTooltip.iconInfoText',
-    },
-});
+import { bdlBoxBlue } from '../../styles/variables';
 
 export interface CheckboxTooltipProps {
     tooltip: string;
@@ -22,13 +14,13 @@ const CheckboxTooltip = ({ tooltip }: CheckboxTooltipProps) => (
         <TooltipProvider>
             <Tooltip content={tooltip}>
                 <Focusable>
-                    <div className="info-tooltip">
-                        <IconInfo
-                            height={16}
-                            title={<FormattedMessage {...messages.checkboxTooltipIconInfoText} />}
-                            width={16}
-                        />
-                    </div>
+                    <InfoBadge
+                        aria-label={tooltip}
+                        color={bdlBoxBlue}
+                        className="info-tooltip"
+                        height={16}
+                        width={16}
+                    />
                 </Focusable>
             </Tooltip>
         </TooltipProvider>