diff --git a/attached_assets/image_1760337287989.png b/attached_assets/image_1760337287989.png
new file mode 100644
index 0000000..e7553b9
Binary files /dev/null and b/attached_assets/image_1760337287989.png differ
diff --git a/client/src/pages/image-editor.tsx b/client/src/pages/image-editor.tsx
index 68496cb..aab7d3c 100644
--- a/client/src/pages/image-editor.tsx
+++ b/client/src/pages/image-editor.tsx
@@ -338,32 +338,26 @@ export default function ImageEditor() {
           border-left-color: transparent;
         }
         
-        .ribbon-label {
-          position: absolute;
-          top: 0;
-          left: 0;
-          width: 140px;
-          height: 140px;
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          z-index: 11;
-          padding: 15px;
-        }
-        
-        .ribbon-container.north_west .ribbon-label {
-          transform: rotate(-45deg) translate(-35px, -50px);
-        }
-        
-        .ribbon-container.north_east .ribbon-label {
-          transform: rotate(45deg) translate(35px, -50px);
-        }
-        
         .ribbon-text {
+          position: absolute;
           color: white;
           font-weight: bold;
+          z-index: 11;
           text-transform: uppercase;
           text-align: center;
+          white-space: nowrap;
+        }
+        
+        .ribbon-container.north_west .ribbon-text {
+          top: 50%;
+          left: 50%;
+          transform: translate(-50%, -50%) rotate(-45deg) translateY(-20px);
+        }
+        
+        .ribbon-container.north_east .ribbon-text {
+          top: 50%;
+          right: 50%;
+          transform: translate(50%, -50%) rotate(45deg) translateY(-20px);
         }
       `}</style>
       
@@ -756,25 +750,24 @@ export default function ImageEditor() {
                           {ribbon.enabled && ribbon.text && (
                             <div className={`ribbon-container ${ribbon.position}`}>
                               <div className={`ribbon-triangle ${ribbon.color}`} />
-                              <div className="ribbon-label">
-                                <div 
-                                  className="ribbon-text"
-                                  style={{ 
-                                    fontSize: ribbon.text === "Stock limité" ? '20px' :
-                                             ribbon.text.length <= 5 ? '28px' : 
-                                             ribbon.text.length <= 8 ? '24px' : 
-                                             ribbon.text.length <= 11 ? '20px' : '16px',
-                                    lineHeight: ribbon.text === "Stock limité" ? '1.2' : 'normal'
-                                  }}
-                                >
-                                  {ribbon.text === "Stock limité" ? (
-                                    <>
-                                      Stock
-                                      <br />
-                                      limité
-                                    </>
-                                  ) : ribbon.text}
-                                </div>
+                              <div 
+                                className="ribbon-text"
+                                style={{ 
+                                  fontSize: ribbon.text === "Stock limité" ? '20px' :
+                                           ribbon.text.length <= 5 ? '28px' : 
+                                           ribbon.text.length <= 8 ? '24px' : 
+                                           ribbon.text.length <= 11 ? '20px' : '16px',
+                                  lineHeight: ribbon.text === "Stock limité" ? '1.2' : 'normal',
+                                  whiteSpace: ribbon.text === "Stock limité" ? 'normal' : 'nowrap'
+                                }}
+                              >
+                                {ribbon.text === "Stock limité" ? (
+                                  <>
+                                    Stock
+                                    <br />
+                                    limité
+                                  </>
+                                ) : ribbon.text}
                               </div>
                             </div>
                           )}