Make rounded corners consistent 🔘.

src/components/ResourceMetadata.js

@@ -14,7 +14,7 @@ const ResourceMetadata = ({ metadata }) => {
   );
 
   return (
-    <div className="mb-3 mt-2 grid w-max grid-cols-[auto_auto_auto] gap-x-2 gap-y-1 rounded-lg bg-slate-200 p-2 text-xs text-slate-600">
+    <div className="mb-3 mt-2 grid w-max grid-cols-[auto_auto_auto] gap-x-2 gap-y-1 rounded bg-slate-200 p-2 text-xs text-slate-600">
       <div className="font-bold">payload offset:</div>
       <div className="text-right font-mono">0x{hex(metadata.offset)}</div>
       <div className="font-mono opacity-50">({metadata.offset})</div>

src/components/RoomTabs.js

@@ -20,7 +20,7 @@ const RoomTabs = ({ currentTab, setCurrentTab }) => {
           name="tabs"
           defaultValue={tabs.find((tab) => tab.current).name}
           onChange={({ target }) => setCurrentTab(target.value)}
-          className="block w-full rounded-md border-slate-300 focus:border-primary-500 focus:ring-primary-500">
+          className="block w-full rounded border-slate-300 focus:border-primary-500 focus:ring-primary-500">
           {tabs.map((tab) => (
             <option key={tab.name}>{tab.name}</option>
           ))}
@@ -38,7 +38,7 @@ const RoomTabs = ({ currentTab, setCurrentTab }) => {
                 tab.current
                   ? 'bg-slate-200 text-slate-700'
                   : 'text-slate-500 hover:text-slate-700',
-                'rounded-md px-3 py-2 text-sm font-medium',
+                'rounded px-3 py-2 text-sm font-medium',
               )}
               aria-current={tab.current ? 'page' : undefined}>
               {tab.name}

src/containers/RoomCanvasContainer.js

@@ -25,6 +25,7 @@ const RoomCanvasContainer = ({
       ref={canvasRef}
       width={width * 8}
       height={height * 8}
+      className="rounded"
       style={{ width: width * 8 * zoom }}
     />
   );