diff --git a/ui/litellm-dashboard/src/components/add_model/model_connection_test.tsx b/ui/litellm-dashboard/src/components/add_model/model_connection_test.tsx
index f07148e6906..d6263c4702b 100644
--- a/ui/litellm-dashboard/src/components/add_model/model_connection_test.tsx
+++ b/ui/litellm-dashboard/src/components/add_model/model_connection_test.tsx
@@ -152,13 +152,13 @@ ${formattedBody}
           `}</style>
         </div>
       ) : isSuccess ? (
-        <div style={{ textAlign: 'center', padding: '32px 20px' }}>
-          <div style={{ color: '#52c41a', fontSize: '32px', marginBottom: '16px' }}>
+        <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', padding: '32px 20px' }}>
+          <div style={{ color: '#52c41a', fontSize: '24px', display: 'flex', alignItems: 'center' }}>
             <svg viewBox="64 64 896 896" focusable="false" data-icon="check-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true">
               <path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm193.5 301.7l-210.6 292a31.8 31.8 0 01-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z"></path>
             </svg>
           </div>
-          <Text type="success" style={{ fontSize: '18px', fontWeight: 500 }}>
+          <Text type="success" style={{ fontSize: '18px', fontWeight: 500, marginLeft: '10px' }}>
             Connection to {modelName} successful!
           </Text>
         </div>