diff --git a/Extensions/combined/content-style.css b/Extensions/combined/content-style.css
index 4e53f87f..f52f73d9 100644
--- a/Extensions/combined/content-style.css
+++ b/Extensions/combined/content-style.css
@@ -18,6 +18,11 @@
   --yt-spec-brand-background-secondary: #000 !important;
 } */
 
+.yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--icon-button.yt-spec-button-shape-next--segmented-end
+  .yt-spec-button-shape-next__icon {
+  margin-right: 6px;
+}
+
 #ryd-bar-container {
   background: var(--yt-spec-icon-disabled);
   border-radius: 2px;
@@ -31,7 +36,7 @@
 
 .ryd-tooltip {
   display: block;
-  height: 2px;
+  height: 1px;
 }
 
 .ryd-tooltip-old-design {
@@ -41,13 +46,14 @@
 
 .ryd-tooltip-new-design {
   position: absolute;
-  bottom: -10px;
-  left: -4px;
+  bottom: -0.5px;
+  margin-left: 23px;
+  margin-right: 23px;
 }
 
 .ryd-tooltip-bar-container {
   width: 100%;
-  height: 2px;
+  height: 1px;
   position: absolute;
   padding-top: 6px;
   padding-bottom: 12px;
diff --git a/Extensions/combined/src/bar.js b/Extensions/combined/src/bar.js
index 39030b5e..a4b7c7c6 100644
--- a/Extensions/combined/src/bar.js
+++ b/Extensions/combined/src/bar.js
@@ -13,7 +13,7 @@ function createRateBar(likes, dislikes) {
   let rateBar = document.getElementById("ryd-bar-container");
   if (!isLikesDisabled()) {
     // sometimes rate bar is hidden
-    if(rateBar && !isInViewport(rateBar)){
+    if (rateBar && !isInViewport(rateBar)) {
       rateBar.remove();
       rateBar = null;
     }
@@ -21,7 +21,7 @@ function createRateBar(likes, dislikes) {
     const widthPx =
       getLikeButton().clientWidth +
       getDislikeButton().clientWidth +
-      (isRoundedDesign() ? 0 : 8);
+      (isRoundedDesign() ? -46 : 8);
 
     const widthPercent =
       likes + dislikes > 0 ? (likes / (likes + dislikes)) * 100 : 50;
@@ -53,25 +53,33 @@ function createRateBar(likes, dislikes) {
     }
 
     if (!isShorts()) {
-      if (!rateBar && !isMobile()) {
+      if ((!rateBar || isNewDesign()) && !isMobile()) {
         let colorLikeStyle = "";
         let colorDislikeStyle = "";
         if (extConfig.coloredBar) {
           colorLikeStyle = "; background-color: " + getColorFromTheme(true);
           colorDislikeStyle = "; background-color: " + getColorFromTheme(false);
         }
-        let actions = isNewDesign() && getButtons().id === "top-level-buttons-computed" 
-          ? getButtons() : document.getElementById("menu-container");
+
         (
-          actions || document.querySelector("ytm-slim-video-action-bar-renderer")
+          (isRoundedDesign()
+            ? document.querySelector(
+                "#actions-inner #top-level-buttons-computed"
+              )
+            : document.getElementById("menu-container")) ||
+          document.querySelector("ytm-slim-video-action-bar-renderer")
         ).insertAdjacentHTML(
           "beforeend",
           `
-              <div class="ryd-tooltip ryd-tooltip-${isNewDesign() ? "new" : "old"}-design" style="width: ${widthPx}px">
+              <div class="ryd-tooltip ryd-tooltip-${
+                isRoundedDesign() ? "new" : "old"
+              }-design" style="width: ${widthPx}px">
               <div class="ryd-tooltip-bar-container">
                 <div
                     id="ryd-bar-container"
-                    style="width: 100%; height: 2px;${colorDislikeStyle}"
+                    style="width: 100%; height: ${
+                      isNewDesign() ? 1 : 2
+                    }px; ${colorDislikeStyle}"
                     >
                     <div
                       id="ryd-bar"