From e7c60968626918106f2bed0e2f88f8d0f8fee504 Mon Sep 17 00:00:00 2001
From: Susmitha Girumala <susmitha@hashicorp.com>
Date: Mon, 31 Aug 2020 15:07:04 -0400
Subject: [PATCH] fix: Update dropdowncontent width to remove large empty space

---
 addons/rose/addon/styles/rose/components/dropdown/_button.scss  | 2 +-
 .../rose/addon/styles/rose/components/dropdown/_dropdown.scss   | 2 +-
 addons/rose/addon/styles/rose/components/dropdown/_link.scss    | 2 +-
 .../scopes/scope/projects/project/targets/target/host-sets.hbs  | 1 +
 ui/core/app/templates/scopes/scope/roles/role/principals.hbs    | 1 +
 5 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/addons/rose/addon/styles/rose/components/dropdown/_button.scss b/addons/rose/addon/styles/rose/components/dropdown/_button.scss
index 58b78e4a1..7da5009a9 100644
--- a/addons/rose/addon/styles/rose/components/dropdown/_button.scss
+++ b/addons/rose/addon/styles/rose/components/dropdown/_button.scss
@@ -7,7 +7,7 @@
   box-sizing: border-box;
   width: 100%;
   // Targeting min-width of ~200
-  min-width: (sizing.rems(m) + sizing.rems(xs)) * 10;
+  min-width: (sizing.rems(m)) * 10;
   border: 0;
   padding: 0 sizing.rems(s);
   text-decoration: none;
diff --git a/addons/rose/addon/styles/rose/components/dropdown/_dropdown.scss b/addons/rose/addon/styles/rose/components/dropdown/_dropdown.scss
index 3bbbdb292..b3467aff9 100644
--- a/addons/rose/addon/styles/rose/components/dropdown/_dropdown.scss
+++ b/addons/rose/addon/styles/rose/components/dropdown/_dropdown.scss
@@ -43,8 +43,8 @@ $chevron: "data:image/svg+xml;utf-8,<svg viewBox='0 0 24 24' fill='%231b1f26' xm
     }
 
     &.has-icon-only {
-      padding-right: sizing.rems(l);
       padding-left: sizing.rems(s);
+      padding-right: sizing.rems(s);
       background-position: right sizing.rems(xs) center;
 
       .rose-dropdown-trigger-text {
diff --git a/addons/rose/addon/styles/rose/components/dropdown/_link.scss b/addons/rose/addon/styles/rose/components/dropdown/_link.scss
index 38e9d8cb9..5174ebbaf 100644
--- a/addons/rose/addon/styles/rose/components/dropdown/_link.scss
+++ b/addons/rose/addon/styles/rose/components/dropdown/_link.scss
@@ -7,7 +7,7 @@
   box-sizing: border-box;
   width: 100%;
   // Targeting min-width of ~200
-  min-width: (sizing.rems(m) + sizing.rems(xs)) * 10;
+  min-width: (sizing.rems(m)) * 10;
   border: 0;
   padding: 0 sizing.rems(s);
   text-decoration: none;
diff --git a/ui/core/app/templates/scopes/scope/projects/project/targets/target/host-sets.hbs b/ui/core/app/templates/scopes/scope/projects/project/targets/target/host-sets.hbs
index 859be4dfa..40f12df7f 100644
--- a/ui/core/app/templates/scopes/scope/projects/project/targets/target/host-sets.hbs
+++ b/ui/core/app/templates/scopes/scope/projects/project/targets/target/host-sets.hbs
@@ -28,6 +28,7 @@
             <Rose::Dropdown
               @icon="more-horizontal"
               @iconOnly={{true}}
+              @showCaret={{false}}
               @dropdownRight={{true}}
               @text="{{t "actions.manage"}}" as |dropdown|
             >
diff --git a/ui/core/app/templates/scopes/scope/roles/role/principals.hbs b/ui/core/app/templates/scopes/scope/roles/role/principals.hbs
index 9719faf7a..b364b136f 100644
--- a/ui/core/app/templates/scopes/scope/roles/role/principals.hbs
+++ b/ui/core/app/templates/scopes/scope/roles/role/principals.hbs
@@ -27,6 +27,7 @@
             <Rose::Dropdown
               @icon="more-horizontal"
               @iconOnly={{true}}
+              @showCaret={{false}}
               @dropdownRight={{true}}
               @text="{{t "actions.manage"}}" as |dropdown|
             >