diff --git a/src/app/(app)/playground/@problem/@description/components/footer.tsx b/src/app/(app)/playground/@problem/@description/components/footer.tsx
index 68ba1e3..8233ebd 100644
--- a/src/app/(app)/playground/@problem/@description/components/footer.tsx
+++ b/src/app/(app)/playground/@problem/@description/components/footer.tsx
@@ -11,7 +11,7 @@ export default function ProblemDescriptionFooter({
   return (
     <footer
       {...props}
-      className={cn("h-9 flex flex-none items-center bg-muted", className)}
+      className={cn("h-9 flex flex-none items-center bg-muted px-3 py-2", className)}
     >
       <div className="w-full flex items-center justify-center">
         <span className="truncate">
diff --git a/src/app/(app)/playground/@problem/@solution/components/footer.tsx b/src/app/(app)/playground/@problem/@solution/components/footer.tsx
index 9f1e8f1..c929b81 100644
--- a/src/app/(app)/playground/@problem/@solution/components/footer.tsx
+++ b/src/app/(app)/playground/@problem/@solution/components/footer.tsx
@@ -11,7 +11,7 @@ export default function ProblemSolutionFooter({
   return (
     <footer
       {...props}
-      className={cn("h-9 flex flex-none items-center bg-muted", className)}
+      className={cn("h-9 flex flex-none items-center bg-muted px-3 py-2", className)}
     >
       <div className="w-full flex items-center justify-center">
         <span className="truncate">