diff --git a/src/block.tsx b/src/block.tsx
index 1eab1e5..09effe0 100644
--- a/src/block.tsx
+++ b/src/block.tsx
@@ -420,6 +420,8 @@ export const Block: React.FC<Block> = props => {
           <div
             className={classNames(
               "notion-callout",
+              blockValue.format.block_color &&
+                `notion-${blockValue.format.block_color}`,
               blockValue.format.block_color &&
                 `notion-${blockValue.format.block_color}_co`
             )}
@@ -427,13 +429,7 @@ export const Block: React.FC<Block> = props => {
             <div>
               <PageIcon block={block} mapImageUrl={mapImageUrl} />
             </div>
-            <div
-              className={classNames(
-                "notion-callout-text",
-                blockValue.format.block_color &&
-                  `notion-${blockValue.format.block_color}`
-              )}
-            >
+            <div className="notion-callout-text">
               {renderChildText(blockValue.properties.title)}
             </div>
           </div>