diff --git a/src/components/Codesandbox.tsx b/src/components/Codesandbox.tsx
index 0c3d108a..8d41f841 100644
--- a/src/components/Codesandbox.tsx
+++ b/src/components/Codesandbox.tsx
@@ -38,7 +38,7 @@ export default function Codesandbox({
         <a href={`https://codesandbox.io/s/${id}`} target="_blank" rel="noreferrer">
           {screenshot_url && (
             <Image
-              className="rounded shadow-lg"
+              className="rounded-lg"
               src={screenshot_url}
               placeholder="empty"
               alt={title}
diff --git a/src/components/mdx/Hint.tsx b/src/components/mdx/Hint.tsx
index d88ba3d0..e88d076a 100644
--- a/src/components/mdx/Hint.tsx
+++ b/src/components/mdx/Hint.tsx
@@ -1,6 +1,6 @@
 export const Hint = ({ children }: { children: React.ReactNode }) => {
   return (
-    <div className="hint overflow-clip bg-yellow-100 border-b border-gray-200 rounded-lg px-6 py-4 mb-6 dark:text-gray-500">
+    <div className="hint overflow-clip bg-yellow-100 rounded-lg px-6 py-4 my-6 dark:text-gray-500">
       {children}
     </div>
   )