>>> [!note] Migrated issue <!-- Drupal.org comment --> <!-- Migrated from issue #3384362. --> Reported by: [jmouse888](https://www.drupal.org/user/170796) Related to !298 >>> <h3 id="summary-problem-motivation">Problem/Motivation</h3> <p>After upgrading to RC6, "dropbutton" at all "small" and "extrasmall" dropdowns are not rendered correctly (see screenshot).</p> <p><img src="https://www.drupal.org/files/issues/2023-08-30/Screenshot_2023-08-30_14-14-57_Original.jpg" alt="dropbutton screenshot"></p> <h4 id="summary-steps-reproduce">Steps to reproduce</h4> <p>Looking at the inspector in the browser, I noticed several variables are not defined, causing the final size to be wrong. These variables are Claro theme variables, and somehow not loaded. I'm not using the Claro theme, but it's enabled for Gin in the admin interface.</p> <p>gin/dist/css/base/gin.css: -webkit-border-start: var(--dropbutton-border-size) solid var(--gin-color-primary) !important;<br> gin/dist/css/base/gin.css: border-inline-start: var(--dropbutton-border-size) solid var(--gin-color-primary) !important;<br> gin/dist/css/base/gin.css: width: calc(var(--dropbutton-small-toggle-size) + 1px);<br> gin/dist/css/base/gin.css: width: calc(var(--dropbutton-extrasmall-toggle-size) + 1px);<br> gin/styles/base/_dropbutton.scss: border-inline-start: var(--dropbutton-border-size) solid var(--gin-color-primary) !important;<br> gin/styles/base/_dropbutton.scss: width: calc(var(--dropbutton-small-toggle-size) + 1px);<br> gin/styles/base/_dropbutton.scss: width: calc(var(--dropbutton-extrasmall-toggle-size) + 1px);</p> <p>Looking at RC5, there are no calls to those variables, so the dropbuttons are rendered correctly in RC5.</p>