JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdn.tailwindcss.com"></script>
<html>

  <head>

  </head>

  <body>
    <div class="h-full grid grid-cols-8">
      <div class="flex col-span-2 border-2">
        <div class="relative flex-1">
          <div class="absolute py-2 inset-0 overflow-x-visible overflow-y-scroll space-y-3 pl-1">
            <div class="relative h-7">
              <div class="z-10 px-1 truncate hover:absolute rounded-tl rounded-bl border-l box-border bg-brown-900 border-y border-brown-100 hover:ring-2">very long text very long text very long text very long text</div>
            </div>
            <div class="relative h-7">
              <div class="z-10 px-1 truncate hover:absolute rounded-tl rounded-bl border-l box-border bg-brown-900 border-y border-brown-100 hover:ring-2">very long text very long text very long text very long text</div>
            </div>
            <div class="relative h-7">
              <div class="z-10 px-1 truncate hover:absolute rounded-tl rounded-bl border-l box-border bg-brown-900 border-y border-brown-100 hover:ring-2">very long text very long text very long text very long text</div>
            </div>
            <div class="relative h-7">
              <div class="z-10 px-1 truncate hover:absolute rounded-tl rounded-bl border-l box-border bg-brown-900 border-y border-brown-100 hover:ring-2">very long text very long text very long text very long text</div>
            </div>
            <div class="relative h-7">
              <div class="z-10 px-1 truncate hover:absolute rounded-tl rounded-bl border-l box-border bg-brown-900 border-y border-brown-100 hover:ring-2">very long text very long text very long text very long text</div>
            </div>
            <div class="relative h-7">
              <div class="z-10 px-1 truncate hover:absolute rounded-tl rounded-bl border-l box-border bg-brown-900 border-y border-brown-100 hover:ring-2">very long text very long text very long text very long text</div>
            </div>
          ...

CSS

html,
body {
  height: 100%;
  overflow: hidden;
}