Fixes after rebasing

platform/ui/src/components/ThumbnailNoImage/ThumbnailNoImage.jsx

@@ -8,18 +8,19 @@ const ThumbnailNoImage = ({ description, seriesDate, modality, onClick }) => {
     <div
       className="flex flex-row flex-1 px-4 py-3 cursor-pointer"
       onClick={onClick}
+      onKeyDown={onClick}
+      role="button"
+      tabIndex="0"
     >
-      <div className="flex flex-2 pl-2 pr-3">
-        <Icon name="list-bullets" className="text-secondary-light" />
-      </div>
       <div className="flex flex-col flex-1">
         <div className="flex flex-row flex-1 items-center mb-2">
-          <div className="px-4 bg-primary-main rounded-sm mr-4 text-xl text-white">
+          <Icon name="list-bullets" className="text-secondary-light w-12" />
+          <div className="px-3 bg-primary-main rounded-sm mr-4 text-lg text-white">
             {modality}
           </div>
           <span className="text-blue-300 text-base">{seriesDate}</span>
         </div>
-        <div className="text-white text-base">{description}</div>
+        <div className="text-white text-base ml-12">{description}</div>
       </div>
     </div>
   );

platform/ui/src/components/ThumbnailNoImage/ThumbnailNoImage.mdx

@@ -21,14 +21,12 @@ import { Thumbnail } from '@ohif/ui';
 
 <Playground>
   <div className="flex flex-1 items-center justify-center p-4">
-    <div className="w-56">
-      <Thumbnail
-        imageAltText="DisplaySet thumbnail image"
+    <div className="w-64">
+      <ThumbnailNoImage
+        modality={'SR'}
+        seriesDate="13-Mar-1999"
         description="Multiple line image series description lorem sit"
-        seriesNumber={4}
-        numInstances={902}
-        onClick={() => alert('Thumbnail was clicked!')}
-        isActive={false}
+        onClick={() => alert('ThumbnailNoImage was clicked!')}
       />
     </div>
   </div>
@@ -36,4 +34,4 @@ import { Thumbnail } from '@ohif/ui';
 
 ## Properties
 
-<Props of={Thumbnail} />
+<Props of={ThumbnailNoImage} />