diff --git a/packages/bootstrap/scss/daterangepicker/_index.scss b/packages/bootstrap/scss/daterangepicker/_index.scss
index 825f754147c..7c034176e6c 100644
--- a/packages/bootstrap/scss/daterangepicker/_index.scss
+++ b/packages/bootstrap/scss/daterangepicker/_index.scss
@@ -2,6 +2,11 @@
 
 
 // Dependencies
+@import "../common/_index.scss";
+@import "../input/_index.scss";
+@import "../floating-label/_index.scss";
+@import "../popup/_index.scss";
+@import "../icons/_index.scss";
 
 
 // Component
diff --git a/packages/classic/scss/daterangepicker/_index.scss b/packages/classic/scss/daterangepicker/_index.scss
index 825f754147c..7c034176e6c 100644
--- a/packages/classic/scss/daterangepicker/_index.scss
+++ b/packages/classic/scss/daterangepicker/_index.scss
@@ -2,6 +2,11 @@
 
 
 // Dependencies
+@import "../common/_index.scss";
+@import "../input/_index.scss";
+@import "../floating-label/_index.scss";
+@import "../popup/_index.scss";
+@import "../icons/_index.scss";
 
 
 // Component
diff --git a/packages/default/scss/daterangepicker/_index.scss b/packages/default/scss/daterangepicker/_index.scss
index 825f754147c..7c034176e6c 100644
--- a/packages/default/scss/daterangepicker/_index.scss
+++ b/packages/default/scss/daterangepicker/_index.scss
@@ -2,6 +2,11 @@
 
 
 // Dependencies
+@import "../common/_index.scss";
+@import "../input/_index.scss";
+@import "../floating-label/_index.scss";
+@import "../popup/_index.scss";
+@import "../icons/_index.scss";
 
 
 // Component
diff --git a/packages/default/scss/daterangepicker/_layout.scss b/packages/default/scss/daterangepicker/_layout.scss
index e706ed22b96..680002ec879 100644
--- a/packages/default/scss/daterangepicker/_layout.scss
+++ b/packages/default/scss/daterangepicker/_layout.scss
@@ -1,9 +1,9 @@
 @include exports( "daterangepicker/layout" ) {
 
     // Daterange picker
-    .k-daterangepicker {
-        border: 0;
-        display: inline-flex;
+    .k-daterange-picker {
+        width: $kendo-input-default-width;
+        display: flex;
         flex-flow: row nowrap;
         align-items: flex-start;
         gap: map-get( $spacing, 2 );
@@ -30,4 +30,10 @@
         gap: inherit;
     }
 
+
+    // Alias
+    .k-daterangepicker {
+        @extend .k-daterange-picker;
+    }
+
 }
diff --git a/packages/material/scss/daterangepicker/_index.scss b/packages/material/scss/daterangepicker/_index.scss
index 825f754147c..7c034176e6c 100644
--- a/packages/material/scss/daterangepicker/_index.scss
+++ b/packages/material/scss/daterangepicker/_index.scss
@@ -2,6 +2,11 @@
 
 
 // Dependencies
+@import "../common/_index.scss";
+@import "../input/_index.scss";
+@import "../floating-label/_index.scss";
+@import "../popup/_index.scss";
+@import "../icons/_index.scss";
 
 
 // Component