diff --git a/src/plugins/embeddable/public/lib/panel/_embeddable_panel.scss b/src/plugins/embeddable/public/lib/panel/_embeddable_panel.scss
index f4dff02446a63..6b8654f6c3528 100644
--- a/src/plugins/embeddable/public/lib/panel/_embeddable_panel.scss
+++ b/src/plugins/embeddable/public/lib/panel/_embeddable_panel.scss
@@ -64,16 +64,12 @@
 
   .embPanel__titleText {
     @include euiTextTruncate;
-  }
-
-  .embPanel__titleLink {
     font-weight: $euiFontWeightBold;
   }
 
   .embPanel__placeholderTitleText {
-    @include euiTextTruncate;
-    font-weight: $euiFontWeightRegular;
     color: $euiColorMediumShade;
+    font-weight: $euiFontWeightRegular;
   }
 }
 
diff --git a/src/plugins/embeddable/public/lib/panel/panel_header/panel_header.tsx b/src/plugins/embeddable/public/lib/panel/panel_header/panel_header.tsx
index a2f09c5571d87..44f5c3df2709d 100644
--- a/src/plugins/embeddable/public/lib/panel/panel_header/panel_header.tsx
+++ b/src/plugins/embeddable/public/lib/panel/panel_header/panel_header.tsx
@@ -179,16 +179,22 @@ export function PanelHeader({
     let titleComponent;
     if (showTitle) {
       titleComponent = isViewMode ? (
-        <span className={title ? 'embPanel__titleText' : 'embPanel__placeholderTitleText'}>
+        <span
+          className={classNames('embPanel__titleText', {
+            // eslint-disable-next-line @typescript-eslint/naming-convention
+            embPanel__placeholderTitleText: !title,
+          })}
+        >
           {title || placeholderTitle}
         </span>
       ) : (
         <EuiLink
           color="text"
           data-test-subj={'embeddablePanelTitleLink'}
-          className={
-            title ? 'embPanel__titleText embPanel__titleLink' : 'embPanel__placeholderTitleText'
-          }
+          className={classNames('embPanel__titleText', {
+            // eslint-disable-next-line @typescript-eslint/naming-convention
+            embPanel__placeholderTitleText: !title,
+          })}
           aria-label={i18n.translate('embeddableApi.panel.editTitleAriaLabel', {
             defaultMessage: 'Click to edit title: {title}',
             values: { title: title || placeholderTitle },