diff --git a/Components/FeatureFlexibleContentExtension/styles/_screenshot.scss b/Components/FeatureFlexibleContentExtension/styles/_screenshot.scss
index d586c76f..e40ccd8a 100644
--- a/Components/FeatureFlexibleContentExtension/styles/_screenshot.scss
+++ b/Components/FeatureFlexibleContentExtension/styles/_screenshot.scss
@@ -1,44 +1,41 @@
 .flyntComponentScreenshot {
-  background-color: #fff;
-  block-size: 40px;
-  border: 1px solid #ccd0d4;
-  display: inline-block;
-  inset-block-end: 4px;
-  margin-inline-start: 5px;
-  position: absolute;
+  align-items: center;
+  display: flex;
+  height: 40px;
+  margin-left: 5px;
 
   &-imageWrapper {
-    inset-block-end: 0;
-    inset-inline-end: 100%;
+    bottom: 0;
     position: absolute;
+    right: 100%;
   }
 
   &-previewImageLarge {
     background: #fff;
-    block-size: auto;
     border: 3px solid #2f353e;
     border-radius: 3px;
+    bottom: 0;
     display: block;
-    inline-size: 33vw;
-    inset-block-end: 0;
-    inset-inline-end: 10px;
-    max-inline-size: 400px;
+    height: auto;
+    max-width: 400px;
     object-fit: cover;
     position: absolute;
+    right: 10px;
+    width: 33vw;
   }
 
   &-previewImageSmall {
-    block-size: 40px;
+    border: 1px solid #ccd0d4;
     display: block;
-    inline-size: auto;
-    max-block-size: 40px;
+    height: 40px;
+    max-height: 40px;
+    width: auto;
+
   }
 
   &-label {
-    inset-block-end: 4px;
-    inset-inline-start: 100%;
-    padding-inline-start: 8px;
-    position: absolute;
+    left: 100%;
+    padding-left: 10px;
     white-space: nowrap;
   }
 }
diff --git a/Components/FeatureFlexibleContentExtension/styles/_search.scss b/Components/FeatureFlexibleContentExtension/styles/_search.scss
index 5c452d39..e9af446a 100644
--- a/Components/FeatureFlexibleContentExtension/styles/_search.scss
+++ b/Components/FeatureFlexibleContentExtension/styles/_search.scss
@@ -7,29 +7,42 @@
   }
 
   &-field[type='text'] {
-    background-color: rgba(255, 255, 255, 0.1);
-    border: 0;
-    border-radius: 0.25rem;
-    color: #fff;
-    inline-size: calc(100% - 20px);
-    margin-block: 5px;
-    margin-inline: 10px;
+    background-color: #fff;
+    border: 1px solid #8c8f94;
+    border-radius: 4px;
+    box-shadow: 0 0 0 transparent;
+    box-sizing: border-box;
+    color: #2c3338;
+    font-size: 14px;
+    line-height: 1.4;
+    margin-bottom: 5px !important;
+    margin-top: 5px !important;
+    min-height: 30px;
     outline: 0;
-    padding-block: 0.25rem;
-    padding-inline: 0.5rem;
+    padding: 4px 8px;
+    width: calc(100% - 20px);
 
     &:focus {
+      border-color: #2271b1;
       box-shadow: none;
       outline: 0;
     }
 
     &::placeholder {
-      color: rgba(255, 255, 255, 0.5);
+      color: #646970;
     }
   }
 
   &-noResults {
-    padding-block: 5px;
-    padding-inline: 10px;
+    color: #3c434a;
+    padding: 5px 0;
+  }
+}
+
+.flyntComponentSearch + ul li {
+  height: 30px;
+
+  &:last-child {
+    margin-bottom: 5px !important;
   }
 }