diff --git a/src/components/DesignCanvas.tsx b/src/components/DesignCanvas.tsx
index 9084b30..f2cb006 100644
--- a/src/components/DesignCanvas.tsx
+++ b/src/components/DesignCanvas.tsx
@@ -1162,7 +1162,7 @@ export default function DesignCanvas({ product }: { product: ProductDTO }) {
           {(() => {
             const images = view === 'front' ? elementsFront.filter(el => el.type === 'image') : elementsBack.filter(el => el.type === 'image');
             return images.length > 0 ? (
-              <div className="mb-4 space-y-3">
+              <div className="mb-4 space-y-3 grid grid-cols-1 lg:grid-cols-2 gap-3">
                 {images.map((img, idx) => (
                   <div key={img.id} className="border border-line bg-surface p-3">
                     <p className="tag-label mb-2">Image {idx + 1} Dimensions</p>
@@ -1214,7 +1214,7 @@ export default function DesignCanvas({ product }: { product: ProductDTO }) {
           {(() => {
             const texts = view === 'front' ? elementsFront.filter(el => el.type === 'text') : elementsBack.filter(el => el.type === 'text');
             return texts.length > 0 ? (
-              <div className="mb-4 space-y-3">
+              <div className="mb-4 space-y-3 grid grid-cols-1 lg:grid-cols-2 gap-3">
                 {texts.map((text, idx) => (
                   <div key={text.id} className="border border-line bg-surface p-3">
                     <p className="tag-label mb-3">Font {idx + 1}</p>