diff --git a/src/components/molecules/CommandExamPanel.tsx b/src/components/molecules/CommandExamPanel.tsx
index 4fb6393f..621bce1e 100644
--- a/src/components/molecules/CommandExamPanel.tsx
+++ b/src/components/molecules/CommandExamPanel.tsx
@@ -17,7 +17,7 @@ export const CommandExamPanel: React.FC<Props> = ({ commandExams }) => {
   }, [commandExams]);
 
   return (
-    <div className="transition-opacity duration-300" style={{ opacity }}>
+    <div className="transition-opacity duration-500 bg-gray-300 bg-opacity-80 px-2 rounded" style={{ opacity }}>
       {commandExams.map((c) => (
         <div key={c.title} className="flex">
           {c.command ? <div className="mr-2">{c.command}:</div> : undefined}