Merge branch 'preview'

Author: pdelfan

src/containers/atmosphere/AtmosphereContainer.tsx

@@ -123,7 +123,7 @@ export default function AtmosphereContainer(props: Props) {
 
   return (
     <section>
-      <div className="sticky top-12 md:top-0 p-3 bg-skin-base md:border-x border-b">
+      <div className="sticky top-12 md:top-0 p-3 bg-skin-base border-skin-base md:border-x border-b">
         {hasCollection && (
           <ScrollArea.Root role="tablist">
             <div className="flex flex-nowrap items-center gap-2 overflow-x-auto">

src/containers/atmosphere/AtmosphereNotFoundContainer.tsx

@@ -17,7 +17,7 @@ function AtmosphereItem(props: Props) {
 
   return (
     <Link href={url}>
-      <article className="flex items-start gap-3 p-3 border rounded-xl bg-skin-base hover:bg-skin-secondary">
+      <article className="flex items-start gap-3 p-3 border border-skin-base rounded-xl bg-skin-base hover:bg-skin-secondary">
         <Avatar src={logo} size="md" />
         <div className="flex flex-col">
           <span className="text-skin-base font-medium">{title}</span>
@@ -30,7 +30,7 @@ function AtmosphereItem(props: Props) {
 
 export default function AtmosphereNotFoundContainer() {
   return (
-    <section className="p-3 bg-skin-base md:border-x border-b md:rounded-b-2xl">
+    <section className="p-3 bg-skin-base border-skin-base md:border-x border-b md:rounded-b-2xl">
       <Alert variant="info" message="No apps found" />
       <p className="font-medium text-skin-base mt-5">
         Ouranos currently supports the following apps in the atmosphere: