diff --git a/packages/ui/components/SlideOver.tsx b/packages/ui/components/SlideOver.tsx
index 7a968cb07..f7fce94a2 100644
--- a/packages/ui/components/SlideOver.tsx
+++ b/packages/ui/components/SlideOver.tsx
@@ -17,7 +17,7 @@ export const SlideOver: React.FC<SlideOverProps> = ({ isOpen, onClose, children
   };
 
   return (
-    <div className="fixed right-0 top-0 bottom-0 w-full max-w-lg h-full bg-gray-950/[.67] text-gray-200 shadow-lg overflow-auto p-8 border-l-2 border-gray-700 backdrop-blur-[20px]" tabIndex={0} onKeyDown={handleKeyDown}>
+    <div className="fixed right-0 top-0 bottom-0 w-full max-w-lg h-full bg-gray-950/[.67] text-gray-200 shadow-lg overflow-auto p-8.0 border-l-2 border-gray-700 backdrop-blur-[20px]" tabIndex={0} onKeyDown={handleKeyDown}>
         <button className="absolute top-2 right-2 focus:outline-white" onClick={onClose} aria-label="Close">
             <XMarkIcon className="h-6 w-6"/> 
         </button>