diff --git a/app/tri-display/layout.tsx b/app/tri-display/layout.tsx
index 57d3d1e..e2d00d2 100644
--- a/app/tri-display/layout.tsx
+++ b/app/tri-display/layout.tsx
@@ -9,7 +9,7 @@ export default function DualLayout(props: {
   docs: React.ReactNode;
 }) {
   return (
-    <div className="">
+    <div className="grid grid-cols-3 shrink">
       {props.data}
       {props.children}
       {props.docs}
diff --git a/app/tri-display/page.tsx b/app/tri-display/page.tsx
index b0a0095..f57b563 100644
--- a/app/tri-display/page.tsx
+++ b/app/tri-display/page.tsx
@@ -20,7 +20,7 @@ export default function Dual() {
           <input
             className="fixed bottom-0 w-full max-w-md p-2 mb-8 border border-gray-300 rounded shadow-xl"
             value={input}
-            placeholder=""
+            placeholder="Say something..."
             onChange={handleInputChange}
           />
         </form>